import {CloseCircleOutlined, ExclamationCircleOutlined, HddOutlined} from '@ant-design/icons';
import {
  Button,
  Card,
  Checkbox,
  Col,
  DatePicker,
  Divider,
  Form,
  Input, InputNumber,
  Modal,
  Popover,
  Radio,
  Row,
  Select,
  Steps,
  Tooltip
} from 'antd';
import React, {useEffect, useState} from 'react';
import {FooterToolbar} from '@ant-design/pro-layout';
import styles from './style.less';
import {queryCustomer} from '@/services/customer';
import {queryProduct} from '@/services/product';
import PickList from "@/pages/product/product-manage/components/PickList";
import moment from "moment";
import {queryAccount} from "@/services/system";
import PlusOutlined from "@ant-design/icons/lib/icons/PlusOutlined";
import MinusOutlined from "@ant-design/icons/lib/icons/MinusOutlined";


const {Option} = Select;
const {RangePicker} = DatePicker;
const fieldLabels = {
  productType: {
    label: '是否为新产品',
    code: 'productType',
  },
  orderCode: {
    label: '订单编码',
    code: 'orderCode'
  },
  productCode: {
    label: '产品编码',
    code: 'productCode',
  },
  productName: {
    label: '产品名称',
    code: 'productName',
  },
  productionNo: {
    label: '生产编号',
    code: 'productionNo',
  },
  custModelNo: {
    label: '客户型号',
    code: 'custModelNo',
  },
  custMatNo: {
    label: '物料号',
    code: 'custMatNo',
  },
  orderNum: {
    label: '订货数量',
    code: 'orderNum',
  },
  orderPrice: {
    label: '订单金额(元)',
    code: 'orderPrice',
  },
  requirementDeliveryTime: {
    label: '要求交货时间',
    code: 'requirementDeliveryTime',
  },
  planDeliveryTime: {
    label: '预计交货时间',
    code: 'planDeliveryTime',
  },
  receivedBy: {
    label: '接单人',
    code: 'receivedBy',
  },
  receivedTime: {
    label: '接单时间',
    code: 'receivedTime',
  },
  custId: {
    label: '客户名称',
    code: 'custId',
  },
  custAddress: {
    label: '客户地址',
    code: 'custAddress',
  },
  custContactName: {
    label: '客户联系人名称',
    code: 'custContactName',
  },
  custContactPhone: {
    label: '客户联系人电话',
    code: 'custContactPhone',
  },
  custContactEmail: {
    label: '客户联系人邮箱',
    code: 'custContactEmail',
  },
  remark: {
    label: '备注',
    code: 'remark',
  },

  contractNo: {
    label: '合同号',
    code: 'contractNo',
    labelId: 2,
    groupId: 2,
    groupName: '指示要求'
  },
  contractProductCode: {
    label: '产品编号',
    code: 'productCode',
    labelId: 4,
    groupId: 2,
    groupName: '指示要求'
  },
  contractClientType: {
    label: '客户型号',
    code: 'custModelNo',
    labelId: 6,
    groupId: 2,
    groupName: '指示要求'
  },
  pcbLayerNum: {
    label: 'PCB层数',
    code: 'pcbLayerNum',
    labelId: 8,
    groupId: 2,
    groupName: '指示要求'
  },
  unitSize: {
    label: '单元尺寸',
    code: 'unitSize',
    labelId: 10,
    groupId: 2,
    groupName: '指示要求'
  },
  panelWidth: {
    label: '拼版宽度(mm)',
    code: 'panelWidth',
    labelId: 12,
    groupId: 2,
    groupName: '指示要求'
  },
  panelLength: {
    label: '拼版长度(mm)',
    code: 'panelLength',
    labelId: 14,
    groupId: 2,
    groupName: '指示要求'
  },
  panelPcbNum: {
    label: '拼板PCB数',
    code: 'panelPcbNum',
    labelId: 16,
    groupId: 2,
    groupName: '指示要求'
  },
  pnlSetNum: {
    label: 'PNL上SET数',
    code: 'pnlSetNum',
    labelId: 17,
    groupId: 2,
    groupName: '指示要求'
  },
  // orderNum: {
  //   label: '订货数量(PCS)',
  //   code: 'orderNum',
  //   labelId: 18,
  //   groupId: 2,
  //   groupName: '指示要求'
  // },
  orderType: {
    label: '订单类型',
    code: 'orderType',
    labelId: 20,
    groupId: 2,
    groupName: '指示要求'
  },
  pcbType: {
    label: '板材类型',
    code: 'pcbType',
    labelId: 22,
    groupId: 2,
    groupName: '指示要求'
  },
  boardSupplier: {
    label: '板材厂商',
    code: 'boardSupplier',
    labelId: 24,
    groupId: 2,
    groupName: '指示要求'
  },
  otherBoardSupplier: {
    label: '其他板材厂商',
    code: 'otherBoardSupplier',
    labelId: 26,
    groupId: 2,
    groupName: '指示要求'
  },
  boardColor: {
    label: '板材颜色',
    code: 'boardColor',
    labelId: 28,
    groupId: 2,
    groupName: '指示要求'
  },
  boardMaterialType: {
    label: '板材类型',
    code: 'boardMaterialType',
    labelId: 30,
    groupId: 2,
    groupName: '指示要求'
  },
  redCopper: {
    label: '红色铜芯',
    code: 'redCopper',
    labelId: 32,
    groupId: 2,
    groupName: '指示要求'
  },
  highFrequencyBoard: {
    label: '高频板料',
    code: 'highFrequencyBoard',
    labelId: 34,
    groupId: 2,
    groupName: '指示要求'
  },
  dielectricConstant: {
    label: '介电常数',
    code: 'dielectricConstant',
    labelId: 36,
    groupId: 2,
    groupName: '指示要求'
  },
  boardThicknessInner: {
    label: '芯板内层厚度(mm)',
    code: 'boardThicknessInner',
    labelId: 38,
    groupId: 2,
    groupName: '指示要求'
  },
  boardThicknessOuter: {
    label: '芯板外层(单双面)厚度(mm)',
    code: 'boardThicknessOuter',
    labelId: 40,
    groupId: 2,
    groupName: '指示要求'
  },
  copperThicknessInner: {
    label: '铜箔内层厚度(oz)',
    code: 'copperThicknessInner',
    labelId: 42,
    groupId: 2,
    groupName: '指示要求'
  },
  copperThicknessOuter: {
    label: '铜箔外层厚度(oz)',
    code: 'copperThicknessOuter',
    labelId: 44,
    groupId: 2,
    groupName: '指示要求'
  },
  yaheThickness: {
    label: '压合总厚度公差',
    code: 'yaheThickness',
    labelId: 46,
    groupId: 2,
    groupName: '指示要求'
  },
  yaheThicknessTolerance: {
    label: '压合总厚度公差误差值',
    code: 'yaheThicknessTolerance',
    labelId: 48,
    groupId: 2,
    groupName: '指示要求'
  },
  productThickness: {
    label: '成品总厚度公差',
    code: 'productThickness',
    labelId: 50,
    groupId: 2,
    groupName: '指示要求'
  },
  productThicknessTolerance: {
    label: '成品总厚度公差误差值',
    code: 'productThicknessTolerance',
    labelId: 52,
    groupId: 2,
    groupName: '指示要求'
  },

  materialType: {
    label: '资料/物料类型',
    code: 'materialType',
    labelId: 54,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  feilinNum: {
    label: '菲林加工图数量',
    code: 'feilinNum',
    labelId: 56,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  changeNum: {
    label: '更改图数量',
    code: 'changeNum',
    labelId: 58,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  clientBoardNum: {
    label: '客供板材数量',
    code: 'clientBoardNum',
    labelId: 60,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  circuitOuter: {
    label: '外层线路',
    code: 'circuitOuter',
    labelId: 62,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  circuitInner: {
    label: '内层线路',
    code: 'circuitInner',
    labelId: 64,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  zuhan: {
    label: '阻焊',
    code: 'zuhan',
    labelId: 66,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  character: {
    label: '字符',
    code: 'character',
    labelId: 68,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  zuhanBridge: {
    label: '阻焊桥',
    code: 'zuhanBridge',
    labelId: 70,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  tanyouBridge: {
    label: '碳油桥',
    code: 'tanyouBridge',
    labelId: 72,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  blueGlue: {
    label: '蓝胶',
    code: 'blueGlue',
    labelId: 74,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  minCircuitWidth: {
    label: '最小线宽',
    code: 'minCircuitWidth',
    labelId: 76,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  minCircuitDistance: {
    label: '最小线距',
    code: 'minCircuitDistance',
    labelId: 78,
    groupId: 4,
    groupName: '客供资料/物料'
  },
  minCircleWidth: {
    label: '最小环宽',
    code: 'minCircleWidth',
    labelId: 80,
    groupId: 4,
    groupName: '客供资料/物料'
  },

  // 工序工艺要求
  projectName: {
    label: '工程',
    code: 'projectName',
    labelId: 82,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zuankong: {
    label: '钻孔',
    code: 'zuankong',
    labelId: 84,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  dianduCopperThickness: {
    label: '铜箔加厚到',
    code: 'dianduCopperThickness',
    labelId: 86,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  dianduMaterial: {
    label: '电镀材料',
    code: 'dianduMaterial',
    labelId: 88,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  dianduChenniejin: {
    label: '电镀沉镍金',
    code: 'dianduChenniejin',
    labelId: 90,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  dianduGuniejin: {
    label: '电镀钴镍金',
    code: 'dianduGuniejin',
    labelId: 92,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  goldenFingerMaterial: {
    label: '金手指材料',
    code: 'goldenFingerMaterial',
    labelId: 94,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  goldenFinger: {
    label: '金手指',
    code: 'goldenFinger',
    labelId: 96,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  goldenLevel: {
    label: '金色等级',
    code: 'goldenLevel',
    labelId: 98,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zuhanMaterial: {
    label: '阻焊材料',
    code: 'zuhanMaterial',
    labelId: 100,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zuhanModel: {
    label: '阻焊型号',
    code: 'zuhanModel',
    labelId: 102,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zuhanColor: {
    label: '颜色',
    code: 'zuhanColor',
    labelId: 104,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zuhanType: {
    label: '单双面',
    code: 'zuhanType',
    labelId: 106,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zuhanSingle: {
    label: '单面备注',
    code: 'zuhanSingle',
    labelId: 108,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  guokongType: {
    label: '过孔工艺',
    code: 'guokongType',
    labelId: 110,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  guokongBga: {
    label: '过孔工艺-其它',
    code: 'guokongBga',
    labelId: 111,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zuhanFlag: {
    label: '阻焊标志',
    code: 'zuhanFlag',
    labelId: 112,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zifuMaterial: {
    label: '字符材料',
    code: 'zifuMaterial',
    labelId: 114,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zifuModel: {
    label: '型号',
    code: 'zifuModel',
    labelId: 116,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zifuColor: {
    label: '颜色',
    code: 'zifuColor',
    labelId: 118,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zifuType: {
    label: '单双面',
    code: 'zifuType',
    labelId: 120,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zifuSingle: {
    label: '单面备注',
    code: 'zifuSingle',
    labelId: 122,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  zifuFlag: {
    label: '标志',
    code: 'zifuFlag',
    labelId: 124,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  blueGlueType: {
    label: '蓝胶型号',
    code: 'blueGlueType',
    labelId: 126,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  chengxing: {
    label: '成形',
    code: 'chengxing',
    labelId: 128,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  pigongModel: {
    label: '啤共用模',
    code: 'pigongModel',
    labelId: 130,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  daojiao: {
    label: '倒角',
    code: 'daojiao',
    labelId: 132,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  testType: {
    label: '测试',
    code: 'testType',
    labelId: 134,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  commonTestCli: {
    label: '共用测试架',
    code: 'commonTestCli',
    labelId: 136,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  packageType: {
    label: '包装类型',
    code: 'packageType',
    labelId: 138,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  xBoard: {
    label: '"X"板',
    code: 'xBoard',
    labelId: 140,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  desiccant: {
    label: '干燥剂',
    code: 'desiccant',
    labelId: 142,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  confirmDoc: {
    label: '提供确认书',
    code: 'confirmDoc',
    labelId: 144,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  checkPoint: {
    label: '验货要求',
    code: 'checkPoint',
    labelId: 146,
    groupId: 6,
    groupName: '工艺工序要求'
  },
  checkOther: {
    label: '其它',
    code: 'checkOther',
    labelId: 148,
    groupId: 6,
    groupName: '工艺工序要求'
  },

  // 备注
  wholeRemark: {
    label: '备注',
    code: 'wholeRemark',
    labelId: 150,
    groupId: 8,
    groupName: '备注'
  },
  follower: {
    label: '跟单文员',
    code: 'follower',
    labelId: 152,
    groupId: 8,
    groupName: '备注'
  },
  followTime: {
    label: '日期',
    code: 'followTime',
    labelId: 154,
    groupId: 8,
    groupName: '备注'
  },
  assistant: {
    label: '业务助理',
    code: 'assistant',
    labelId: 156,
    groupId: 8,
    groupName: '备注'
  },
  assistantTime: {
    label: '日期',
    code: 'assistantTime',
    labelId: 158,
    groupId: 8,
    groupName: '备注'
  },

  // 合同评审
  contractEngManager: {
    label: '经理',
    code: 'contractEngManager',
    labelId: 160,
    groupId: 10,
    groupName: '合同评审-工程评审'
  },
  contractEngTime: {
    label: '时间',
    code: 'contractEngTime',
    labelId: 162,
    groupId: 10,
    groupName: '合同评审-工程评审'
  },
  contractEngMaterial: {
    label: '客供资料审核及标准',
    code: 'contractEngMaterial',
    labelId: 164,
    groupId: 10,
    groupName: '合同评审-工程评审'
  },
  contractEngStandard: {
    label: '加工要求/验货标准',
    code: 'contractEngStandard',
    labelId: 166,
    groupId: 10,
    groupName: '合同评审-工程评审'
  },
  contractEngAbality: {
    label: '工程技术能力',
    code: 'contractEngAbality',
    labelId: 168,
    groupId: 10,
    groupName: '合同评审-工程评审'
  },
  contractEngWaixie: {
    label: '外协加工能力',
    code: 'contractEngWaixie',
    labelId: 170,
    groupId: 10,
    groupName: '合同评审-工程评审'
  },
  contractProManager: {
    label: '经理',
    code: 'contractProManager',
    labelId: 172,
    groupId: 12,
    groupName: '合同评审-工艺评审'
  },
  contractProTime: {
    label: '时间',
    code: 'contractProTime',
    labelId: 174,
    groupId: 12,
    groupName: '合同评审-工艺评审'
  },
  contractProMaterial: {
    label: '物料准备',
    code: 'contractProMaterial',
    labelId: 176,
    groupId: 12,
    groupName: '合同评审-工艺评审'
  },
  contractProStandard: {
    label: '生产能力',
    code: 'contractProStandard',
    labelId: 178,
    groupId: 12,
    groupName: '合同评审-工艺评审'
  },
  contractProControl: {
    label: '过程控制',
    code: 'contractProControl',
    labelId: 180,
    groupId: 12,
    groupName: '合同评审-工艺评审'
  },
  contractProOut: {
    label: '准时交货',
    code: 'contractProOut',
    labelId: 182,
    groupId: 12,
    groupName: '合同评审-工艺评审'
  },

  approvalBy: {
    label: '审批人',
    code: 'approvalBy',
  },
};

const productFieldLabels = {
  productCode: {
    label: '产品编码',
    code: 'productCode',
  },
  productName: {
    label: '产品名称',
    code: 'productName',
  },
  custModelNo: {
    label: '客户型号',
    code: 'custModelNo',
  },
  pcbLayerNum: {
    label: 'PCB层数',
    code: 'pcbLayerNum',
  },
  pcbType: {
    label: '板材类型',
    code: 'pcbType',
  },
  panelLength: {
    label: '拼版长度',
    code: 'panelLength',
  },
  panelWidth: {
    label: '拼版宽度',
    code: 'panelWidth',
  },
  panelPcbNum: {
    label: '拼版PCB数',
    code: 'panelPcbNum',
  },
  pnlSetNum: {
    label: 'PNL上SET数',
    code: 'pnlSetNum',
  },
  custId: {
    label: '客户',
    code: 'custId',
  },
  remark: {
    label: '备注',
    code: 'remark',
  },

  kaiLiao_spec: {
    label: '规格',
    code: 'kaiLiao_spec',
    id: 2
  },
  kaiLiao_panelThickness: {
    label: '板厚',
    code: 'kaiLiao_panelThickness',
    id: 4
  },
  kaiLiao_bakeBoard: {
    label: '烤板',
    code: 'kaiLiao_bakeBoard',
    id: 6
  },
  kaiLiao_supplier: {
    label: '厂商',
    code: 'kaiLiao_supplier',
    id: 8
  },
  kaiLiao_coppurThickness: {
    label: '铜厚',
    code: 'kaiLiao_coppurThickness',
    id: 10
  },
  kaiLiao_size: {
    label: '开料尺寸',
    code: 'kaiLiao_size',
    id: 152
  },
  kaiLiao_pnlSet: {
    label: 'PNL上SET数',
    code: 'kaiLiao_pnlSet',
    id: 154
  },

  neicengxianlu_moleixing: {
    label: '膜类型',
    code: 'neicengxianlu_moleixing',
    id: 12
  },
  neicengxianlu_width: {
    label: '线宽',
    code: 'neicengxianlu_width',
    id: 14
  },
  neicengxianlu_distance: {
    label: '线距',
    code: 'neicengxianlu_distance',
    id: 16
  },

  neicengkeshi_minWidth: {
    label: '原稿最小线宽',
    code: 'neicengkeshi_minWidth',
    id: 18
  },
  neicengkeshi_distance: {
    label: '线距',
    code: 'neicengkeshi_distance',
    id: 20
  },

  neicengjianyan_jianyanfangshi: {
    label: '检验方式',
    code: 'neicengjianyan_jianyanfangshi',
    id: 22
  },

  neicengyanghua_yanghuafangshi: {
    label: '氧化方式',
    code: 'neicengyanghua_yanghuafangshi',
    id: 24
  },

  cengya_thickness: {
    label: '层压完成厚度',
    code: 'cengya_thickness',
    id: 26
  },
  cengya_thicknesswuchazhi: {
    label: '层压完成厚度误差值',
    code: 'cengya_thicknesswuchazhi',
    id: 140
  },
  cengya_cuppor: {
    label: '铜厚',
    code: 'cengya_cuppor',
    id: 28
  },

  bandian_el: {
    label: '钻孔前板电至',
    code: 'bandian_el',
    id: 30
  },

  waicengzuankong_min: {
    label: '最小孔径',
    code: 'waicengzuankong_min',
    id: 32
  },
  waicengzuankong_name: {
    label: '钻带名',
    code: 'waicengzuankong_name',
    id: 34
  },

  yicixiancao_file: {
    label: '文件名',
    code: 'yicixiancao_file',
    id: 36
  },

  chengtongbandian_glue: {
    label: '除胶漆',
    code: 'chengtongbandian_glue',
    id: 38
  },

  waicengtuxing_moleixing: {
    label: '膜类型',
    code: 'waicengtuxing_moleixing',
    id: 40
  },
  waicengtuxing_zhouqi: {
    label: '周期',
    code: 'waicengtuxing_zhouqi',
    id: 42
  },
  waicengtuxing_minWidth: {
    label: '生产稿最小线宽',
    code: 'waicengtuxing_minWidth',
    id: 44
  },
  waicengtuxing_distance: {
    label: '线距',
    code: 'waicengtuxing_distance',
    id: 46
  },

  dianDu_fangshi: {
    label: '电镀方式',
    code: 'dianDu_fangshi',
    id: 48
  },
  dianDu_area: {
    label: '电镀有效面积',
    code: 'dianDu_area',
    id: 50
  },
  dianDu_hole: {
    label: '孔铜',
    code: 'dianDu_hole',
    id: 52
  },
  dianDu_Thickness: {
    label: '成品铜厚',
    code: 'dianDu_Thickness',
    id: 54
  },

  tuimoshijian_minWidth: {
    label: '原稿最小线宽',
    code: 'tuimoshijian_minWidth',
    id: 56
  },
  tuimoshijian_distance: {
    label: '线距',
    code: 'tuimoshijian_distance',
    id: 58
  },
  tuimoshijian_chuba: {
    label: '（蚀刻后，退锡前）除钯',
    code: 'tuimoshijian_chuba',
    id: 60
  },

  waicengshijian_jianceleixing: {
    label: '检验方式',
    code: 'waicengshijian_jianceleixing',
    id: 62
  },

  siyinzuhan_color: {
    label: '颜色',
    code: 'siyinzuhan_color',
    id: 64
  },
  siyinzuhan_guokong: {
    label: '过孔',
    code: 'siyinzuhan_guokong',
    id: 66
  },
  siyinzuhan_qitaguokong: {
    label: '其他过孔方式',
    code: 'siyinzuhan_qitaguokong',
    id: 68
  },
  siyinzuhan_changjia: {
    label: '厂家',
    code: 'siyinzuhan_changjia',
    id: 70
  },
  siyinzuhan_zhouqi: {
    label: '周期',
    code: 'siyinzuhan_zhouqi',
    id: 72
  },

  siyinzifu_color: {
    label: '颜色',
    code: 'siyinzifu_color',
    id: 74
  },
  siyinzifu_yuanjianmian: {
    label: '丝印面',
    code: 'siyinzifu_yuanjianmian',
    id: 76
  },
  siyinzifu_changjia: {
    label: '厂家',
    code: 'siyinzifu_changjia',
    id: 78
  },
  siyinzifu_zhouqi: {
    label: '年周',
    code: 'siyinzifu_zhouqi',
    id: 80
  },

  pengxi_xihou: {
    label: '锡厚',
    code: 'pengxi_xihou',
    id: 82
  },

  chenniejin_niehou: {
    label: '镍厚',
    code: 'chenniejin_niehou',
    id: 84
  },
  chenniejin_jinhou: {
    label: '金厚',
    code: 'chenniejin_jinhou',
    id: 86
  },

  tanyou_tanyou: {
    label: '碳油印于',
    code: 'tanyou_tanyou',
    id: 88
  },

  ercizuankong_file: {
    label: '文件名',
    code: 'ercizuankong_file',
    id: 90
  },

  chengxing_fangshi: {
    label: '成形方式',
    code: 'chengxing_fangshi',
    id: 92
  },
  chengxing_moju: {
    label: '模具编号',
    code: 'chengxing_moju',
    id: 94
  },
  chengxing_xiebian: {
    label: '斜边',
    code: 'chengxing_xiebian',
    id: 96
  },
  chengxing_jiaodu: {
    label: '角度',
    code: 'chengxing_jiaodu',
    id: 98
  },
  chengxing_jiaoduwuchazhi: {
    label: '角度误差值',
    code: 'chengxing_jiaoduwuchazhi',
    id: 142
  },
  chengxing_hou: {
    label: '余厚',
    code: 'chengxing_hou',
    id: 100
  },
  chengxing_houwuchazhi: {
    label: '余厚误差值',
    code: 'chengxing_houwuchazhi',
    id: 144
  },

  cut_fangshi: {
    label: 'V-CUT方式',
    code: 'cut_fangshi',
    id: 102
  },
  cut_jiaodu: {
    label: '角度',
    code: 'cut_jiaodu',
    id: 104
  },
  cut_jiaoduwuchazhi: {
    label: '角度误差值',
    code: 'cut_jiaoduwuchazhi',
    id: 146
  },
  cut_yuhou: {
    label: '余厚',
    code: 'cut_yuhou',
    id: 106
  },
  cut_yuhouwuchazhi: {
    label: '余厚误差值',
    code: 'cut_yuhouwuchazhi',
    id: 148
  },

  test_feizheng: {
    label: '飞针',
    code: 'test_feizheng',
    id: 108
  },
  test_zhuanyong: {
    label: '专用',
    code: 'test_zhuanyong',
    id: 110
  },
  test_tongyong: {
    label: '通用',
    code: 'test_tongyong',
    id: 112
  },
  test_et: {
    label: '盖ET章',
    code: 'test_et',
    id: 114
  },
  test_huabian: {
    label: '色笔划边',
    code: 'test_huabian',
    id: 116
  },
  test_bianhao: {
    label: '治具编号',
    code: 'test_bianhao',
    id: 118
  },

  glue_xinghao: {
    label: '型号',
    code: 'glue_xinghao',
    id: 120
  },
  glue_glue: {
    label: '蓝胶印于',
    code: 'glue_glue',
    id: 122
  },

  fqa_thickness: {
    label: '成品板厚',
    code: 'fqa_thickness',
    id: 124
  },
  fqa_thicknesswuchazhi: {
    label: '成品板厚误差值',
    code: 'fqa_thicknesswuchazhi',
    id: 150
  },

  baozhuang_baozhuangfangshi: {
    label: '包装方式',
    code: 'baozhuang_baozhuangfangshi',
    id: 126
  },
  baozhuang_qitabaozhuang: {
    label: '其它包装方式',
    code: 'baozhuang_qitabaozhuang',
    id: 128
  },
  baozhuang_chuhuofangshi: {
    label: '单片',
    code: 'baozhuang_chuhuofangshi',
    id: 130
  },
  baozhuang_lianpian: {
    label: '联片-允许每SER报废PCS数',
    code: 'baozhuang_lianpian',
    id: 132
  },
  baozhuang_baogao: {
    label: '出货报告',
    code: 'baozhuang_baogao',
    id: 134
  },
  baozhuang_qiepian: {
    label: '切片',
    code: 'baozhuang_qiepian',
    id: 136
  },
  baozhuang_kehan: {
    label: '可焊性',
    code: 'baozhuang_kehan',
    id: 138
  },


};
const miGroup = {
  kaiLiao: {
    processId: 6,
    child: {
      kaiLiao_spec: {
        label: '规格',
        code: 'kaiLiao_spec',
        id: 2
      },
      kaiLiao_panelThickness: {
        label: '板厚',
        code: 'kaiLiao_panelThickness',
        id: 4
      },
      kaiLiao_bakeBoard: {
        label: '烤板',
        code: 'kaiLiao_bakeBoard',
        id: 6
      },
      kaiLiao_supplier: {
        label: '厂商',
        code: 'kaiLiao_supplier',
        id: 8
      },
      kaiLiao_coppurThickness: {
        label: '铜厚',
        code: 'kaiLiao_coppurThickness',
        id: 10
      },
      kaiLiao_size: {
        label: '开料尺寸',
        code: 'kaiLiao_size',
        id: 152
      },
      kaiLiao_pnlSet: {
        label: 'PNL上SET数',
        code: 'kaiLiao_pnlSet',
        id: 154
      },
    }
  },
  neicengxianlu: {
    processId: 8,
    child: {
      neicengxianlu_moleixing: {
        label: '膜类型',
        code: 'neicengxianlu_moleixing',
        id: 12
      },
      neicengxianlu_width: {
        label: '线宽',
        code: 'neicengxianlu_width',
        id: 14
      },
      neicengxianlu_distance: {
        label: '线距',
        code: 'neicengxianlu_distance',
        id: 16
      },
    }


  },
  neicengkeshi: {
    processId: 10,
    child: {
      neicengkeshi_minWidth: {
        label: '原稿最小线宽',
        code: 'neicengkeshi_minWidth',
        id: 18
      },
      neicengkeshi_distance: {
        label: '线距',
        code: 'neicengkeshi_distance',
        id: 20
      },
    }
  },
  neicengjianyan: {
    processId: 12,
    child: {
      neicengjianyan_jianyanfangshi: {
        label: '检验方式',
        code: 'neicengjianyan_jianyanfangshi',
        id: 22
      },
    }
  },
  neiocengyanghua: {
    processId: 14,
    child: {
      neicengyanghua_yanghuafangshi: {
        label: '氧化方式',
        code: 'neicengyanghua_yanghuafangshi',
        id: 24
      },
    }
  },
  cengya: {
    processId: 16,
    child: {
      cengya_thickness: {
        label: '层压完成厚度',
        code: 'cengya_thickness',
        id: 26
      },
      cengya_thicknesswuchazhi: {
        label: '层压完成厚度误差值',
        code: 'cengya_thicknesswuchazhi',
        id: 140
      },
      cengya_cuppor: {
        label: '铜厚',
        code: 'cengya_cuppor',
        id: 28
      },
    }
  },
  bandian: {
    processId: 18,
    child: {
      bandian_el: {
        label: '钻孔前板电至',
        code: 'bandian_el',
        id: 30
      },
    }
  },
  waicengzuankong: {
    processId: 20,
    child: {
      waicengzuankong_min: {
        label: '最小孔径',
        code: 'waicengzuankong_min',
        id: 32
      },
      waicengzuankong_name: {
        label: '钻带名',
        code: 'waicengzuankong_name',
        id: 34
      },
    }
  },
  yicixiancao: {
    processId: 22,
    child: {
      yicixiancao_file: {
        label: '文件名',
        code: 'yicixiancao_file',
        id: 36
      },
    }
  },
  chengtongbandian: {
    processId: 24,
    child: {
      chengtongbandian_glue: {
        label: '除胶漆',
        code: 'chengtongbandian_glue',
        id: 38
      },
    }
  },
  waicengtuxing: {
    processId: 26,
    child: {
      waicengtuxing_moleixing: {
        label: '膜类型',
        code: 'waicengtuxing_moleixing',
        id: 40
      },
      waicengtuxing_zhouqi: {
        label: '周期',
        code: 'waicengtuxing_zhouqi',
        id: 42
      },
      waicengtuxing_minWidth: {
        label: '生产稿最小线宽',
        code: 'waicengtuxing_minWidth',
        id: 44
      },
      waicengtuxing_distance: {
        label: '线距',
        code: 'waicengtuxing_distance',
        id: 46
      },
    }
  },
  dianDu: {
    processId: 28,
    child: {
      dianDu_fangshi: {
        label: '电镀方式',
        code: 'dianDu_fangshi',
        id: 48
      },
      dianDu_area: {
        label: '电镀有效面积',
        code: 'dianDu_area',
        id: 50
      },
      dianDu_hole: {
        label: '孔铜',
        code: 'dianDu_hole',
        id: 52
      },
      dianDu_Thickness: {
        label: '成品铜厚',
        code: 'dianDu_Thickness',
        id: 54
      },
    }
  },
  tuimoshijian: {
    processId: 30,
    child: {
      tuimoshijian_minWidth: {
        label: '原稿最小线宽',
        code: 'tuimoshijian_minWidth',
        id: 56
      },
      tuimoshijian_distance: {
        label: '线距',
        code: 'tuimoshijian_distance',
        id: 58
      },
      tuimoshijian_chuba: {
        label: '（蚀刻后，退锡前）除钯',
        code: 'tuimoshijian_chuba',
        id: 60
      },
    }
  },
  waicengshijian: {
    processId: 32,
    child: {
      waicengshijian_jianceleixing: {
        label: '检验方式',
        code: 'waicengshijian_jianceleixing',
        id: 62
      },
    }
  },
  siyinzuhan: {
    processId: 34,
    child: {
      siyinzuhan_color: {
        label: '颜色',
        code: 'siyinzuhan_color',
        id: 64
      },
      siyinzuhan_guokong: {
        label: '过孔',
        code: 'siyinzuhan_guokong',
        id: 66
      },
      siyinzuhan_qitaguokong: {
        label: '其他过孔方式',
        code: 'siyinzuhan_qitaguokong',
        id: 68
      },
      siyinzuhan_changjia: {
        label: '厂家',
        code: 'siyinzuhan_changjia',
        id: 70
      },
      siyinzuhan_zhouqi: {
        label: '周期',
        code: 'siyinzuhan_zhouqi',
        id: 72
      },
    }
  },
  siyinzifu: {
    processId: 36,
    child: {
      siyinzifu_color: {
        label: '颜色',
        code: 'siyinzifu_color',
        id: 74
      },
      siyinzifu_yuanjianmian: {
        label: '丝印面',
        code: 'siyinzifu_yuanjianmian',
        id: 76
      },
      siyinzifu_changjia: {
        label: '厂家',
        code: 'siyinzifu_changjia',
        id: 78
      },
      siyinzifu_zhouqi: {
        label: '年周',
        code: 'siyinzifu_zhouqi',
        id: 80
      },
    }
  },
  pengxi: {
    processId: 38,
    child: {
      pengxi_xihou: {
        label: '锡厚',
        code: 'pengxi_xihou',
        id: 82
      },
    }
  },
  chenniejin: {
    processId: 40,
    child: {
      chenniejin_niehou: {
        label: '镍厚',
        code: 'chenniejin_niehou',
        id: 84
      },
      chenniejin_jinhou: {
        label: '金厚',
        code: 'chenniejin_jinhou',
        id: 86
      },
    }
  },
  tanyou: {
    processId: 42,
    child: {
      tanyou_tanyou: {
        label: '碳油印于',
        code: 'tanyou_tanyou',
        id: 88
      },
    }
  },
  ercizuankong: {
    processId: 44,
    child: {
      ercizuankong_file: {
        label: '文件名',
        code: 'ercizuankong_file',
        id: 90
      },
    }
  },
  chengxing: {
    processId: 46,
    child: {
      chengxing_fangshi: {
        label: '成形方式',
        code: 'chengxing_fangshi',
        id: 92
      },
      chengxing_moju: {
        label: '模具编号',
        code: 'chengxing_moju',
        id: 94
      },
      chengxing_xiebian: {
        label: '斜边',
        code: 'chengxing_xiebian',
        id: 96
      },
      chengxing_jiaodu: {
        label: '角度',
        code: 'chengxing_jiaodu',
        id: 98
      },
      chengxing_jiaoduwuchazhi: {
        label: '角度误差值',
        code: 'chengxing_jiaoduwuchazhi',
        id: 142
      },
      chengxing_hou: {
        label: '余厚',
        code: 'chengxing_hou',
        id: 100
      },
      chengxing_houwuchazhi: {
        label: '余厚误差值',
        code: 'chengxing_houwuchazhi',
        id: 144
      },
    }
  },
  cut: {
    processId: 48,
    child: {
      cut_fangshi: {
        label: 'V-CUT方式',
        code: 'cut_fangshi',
        id: 102
      },
      cut_jiaodu: {
        label: '角度',
        code: 'cut_jiaodu',
        id: 104
      },
      cut_jiaoduwuchazhi: {
        label: '角度误差值',
        code: 'cut_jiaoduwuchazhi',
        id: 146
      },
      cut_yuhou: {
        label: '余厚',
        code: 'cut_yuhou',
        id: 106
      },
      cut_yuhouwuchazhi: {
        label: '余厚误差值',
        code: 'cut_yuhouwuchazhi',
        id: 148
      },
    }
  },
  test: {
    processId: 50,
    child: {
      test_feizheng: {
        label: '飞针',
        code: 'test_feizheng',
        id: 108
      },
      test_zhuanyong: {
        label: '专用',
        code: 'test_zhuanyong',
        id: 110
      },
      test_tongyong: {
        label: '通用',
        code: 'test_tongyong',
        id: 112
      },
      test_et: {
        label: '盖ET章',
        code: 'test_et',
        id: 114
      },
      test_huabian: {
        label: '色笔划边',
        code: 'test_huabian',
        id: 116
      },
      test_bianhao: {
        label: '治具编号',
        code: 'test_bianhao',
        id: 118
      },
    }
  },
  fqc: {
    processId: 52,
    child: {}
  },
  glue: {
    processId: 54,
    child: {
      glue_xinghao: {
        label: '型号',
        code: 'glue_xinghao',
        id: 120
      },
      glue_glue: {
        label: '蓝胶印于',
        code: 'glue_glue',
        id: 122
      },
    }
  },
  fqa: {
    processId: 56,
    child: {
      fqa_thickness: {
        label: '成品板厚',
        code: 'fqa_thickness',
        id: 124
      },
      fqa_thicknesswuchazhi: {
        label: '成品板厚误差值',
        code: 'fqa_thicknesswuchazhi',
        id: 150
      },
    }
  },
  baozhuang: {
    processId: 58,
    child: {
      baozhuang_baozhuangfangshi: {
        label: '包装方式',
        code: 'baozhuang_baozhuangfangshi',
        id: 126
      },
      baozhuang_qitabaozhuang: {
        label: '其它包装方式',
        code: 'baozhuang_qitabaozhuang',
        id: 128
      },
      baozhuang_chuhuofangshi: {
        label: '单片',
        code: 'baozhuang_chuhuofangshi',
        id: 130
      },
      baozhuang_lianpian: {
        label: '联片-允许每SER报废PCS数',
        code: 'baozhuang_lianpian',
        id: 132
      },
      baozhuang_baogao: {
        label: '出货报告',
        code: 'baozhuang_baogao',
        id: 134
      },
      baozhuang_qiepian: {
        label: '切片',
        code: 'baozhuang_qiepian',
        id: 136
      },
      baozhuang_kehan: {
        label: '可焊性',
        code: 'baozhuang_kehan',
        id: 138
      },
    }
  },
}
const tableData = [
  {
    materialCode: 'A0001',
    materialName: '物料1',
    supplier: 'A供应商',
    num: '60',
  },
  {
    materialCode: 'A0002',
    materialName: '物料2',
    supplier: 'B供应商',
    num: '90',
  },
  {
    materialCode: 'A0003',
    materialName: '物料3',
    supplier: 'C供应商',
    num: '100',
  },
]

const leftTableColumns = [
  {
    title: '工艺名称',
    dataIndex: 'processName',
    width: 130
  },
  // {
  //   title: '是否返修',
  //   dataIndex: 'isRepairProcess',
  //   width: 70,
  //   align: 'right',
  //   render: tag => <Tag>{tag === 1 ? '是' : '否'}</Tag>,
  // },
];
const rightTableColumns = [
  {
    title: '工艺名称',
    dataIndex: 'processName',
    width: 130
  },
  // {
  //   title: '是否返修',
  //   dataIndex: 'isRepairProcess',
  //   width: 70,
  //   align: 'right',
  //   render: tag => <Tag>{tag === 1 ? '是' : '否'}</Tag>,
  // }
];

let exElArr = [];
let exElKeyArr = [];
let exPnlNum = 1;
const upperCaseLetter = [
  'A',
  'B',
  'C',
  'D',
  'E',
  'F',
  'G',
  'H',
  'I',
  'J',
  'K',
  'L',
  'M',
  'N',
  'O',
  'P',
  'Q',
  'R',
  'S',
  'T',
  'U',
  'V',
  'W',
  'X',
  'Y',
  'Z'
];

const EngineerWoForm = (props, {submitting, dispatch}) => {
  const {visible, onSubmit, formType, oldOrderData, baseData} = props;
  const {processData} = baseData;
  const {TextArea} = Input;
  const {Step} = Steps;
  const [form] = Form.useForm();
  const [error, setError] = useState([]);
  const [productType, setProductType] = useState(1); // 是否新增产品
  const [orderStatus, setOrderStatus] = useState(1); // 1 待审批 ；0 草稿
  const [customerData, setCustomerData] = useState([]); // 客户数据
  const [productData, setProductData] = useState([]); // 产品数据
  const [otherBoardSupplierVisible, setBoardSupplierVisible] = useState(false);
  const [materialType, setMaterialType] = useState([]);
  const [dianduMaterial, setDianduMaterial] = useState(null);
  const [zuhanType, setZuhanType] = useState(null);
  const [zifuType, setZifuType] = useState(null);
  const [chengxingType, setChengxingType] = useState([]);
  const [testType, setTestType] = useState(null);
  const [checkPoint, setCheckPoint] = useState(null);
  const [isProcessModalVisible, setIsProcessModalVisible] = useState(false);
  const [targetKeys, setTargetKeys] = useState([]);
  const [targetData, setTargetData] = useState([]);
  const [qitaGuoKongVisible, setQitaGuoKongVisible] = useState(false);
  const [qitaBaoZhuangisible, setQitaBaoZhuangisible] = useState(false);
  const [qitaChuHuoisible, setQitaChuHuoisible] = useState(false);
  const [detailProductData, setDetailProductData] = useState({prdProductTechnologyProcesses: []});
  const [approvalData, setApprovalData] = useState([]);
  const [pnlNum, setPnlNum] = useState(1)
  const [pnlAddClickCount, setPnlAddClickCount] = useState(1)
  const [pnlEl, setPnlEl] = useState([])
  const [pnlElKeyArr, setPnlElKeyArr] = useState([])
  const [isPnlAdd, setIsPnlAdd] = useState(Math.random())
  const [showPnlWarning, setShowPnlWarning] = useState(false);
  const [pnlWarningMsg, setPnlWarningMsg] = useState('');

  useEffect(() => {
    queryAccount({
      pageNum: 1,
      pageSize: 99999
    }).then(res => {
      setApprovalData(res.result.records)
    })
  }, [])
  // 设置工程数据
  useEffect(() => {
    queryProduct({
      pageSize: 1,
      pageNum: 1,
      productCode: oldOrderData.productsInfo.productCode
    }).then(res => {
      if (res && res.status === '0') {
        if (res.result.records.length > 0) {
          setDetailProductData(res.result.records[0])
          const initTargetKeys = res.result.records[0].prdProductTechnologyProcesses.map(item => {
            return item.processId
          })
          setTargetKeys(initTargetKeys)

          // 工艺流程信息赋初值
          if (initTargetKeys.length > 0) {
            setTargetData(processData.filter(item => {
              return initTargetKeys.indexOf(item.processId) > -1
            }))
          }
        }
      }
    })
  }, [])

  // 产品MI参数赋初值
  useEffect(() => {
    if (formType === 3) {
      const miValus = new Object();
      let pnlSetIsRender = false;
      detailProductData.prdProductTechnologyProcesses.forEach(prpcess => {
        prpcess.prdProductMiValues.forEach(mi => {
          Object.keys(miGroup).forEach(processKey => {
            if (mi.processId === miGroup[processKey].processId) {
              Object.keys(miGroup[processKey].child).forEach(miKey => {
                if (mi.miId === miGroup[processKey].child[miKey].id) {
                  miValus[miGroup[processKey].child[miKey].code] = mi.miValue
                }
                // Pnl上Set数和开料尺寸赋初值
                if ((mi.miId === 152 || mi.miId === 154) && !pnlSetIsRender && targetData.length > 0) {
                  pnlSetIsRender = true
                  const pnlSizeArr = mi.miValue.split(',');
                  for (let j = 0; j < pnlSizeArr.length - 1; j += 1) {
                    setPnlAddClickCount(pnlAddClickCount + 1)
                    setPnlNum(pnlNum + 1)
                    exPnlNum += 1
                    setIsPnlAdd(Math.random())
                  }
                }
                // if ((mi.miId === 152 || mi.miId === 154) && pnlSetIsRender && targetData.length > 0) {
                //   console.log(exElKeyArr)
                //   const valueArr = mi.miValue.split(',');
                //   console.log(valueArr)
                //   valueArr.forEach((v, index)=> {
                //     miValus[miGroup[processKey].child[miKey].code + exElKeyArr[index]] = valueArr[index]
                //   })
                // }
              })
            }
          })
        })
      })
      form.setFieldsValue({...miValus})
    }
  }, [targetData])

  // 产品Pnl Set MI参数赋初值
  useEffect(() => {
    if (formType === 3 && pnlElKeyArr.length > 0) {
      const miValus = new Object();
      detailProductData.prdProductTechnologyProcesses.forEach(prpcess => {
        prpcess.prdProductMiValues.forEach(mi => {
          if (mi.miId === 152) {
            const valueArr = mi.miValue.split(',');
            valueArr.forEach((v, index) => {
              miValus['kaiLiao_size' + exElKeyArr[index + 1]] = valueArr[index]
            })
          }
          if (mi.miId === 154) {
            const valueArr = mi.miValue.split(',');
            valueArr.forEach((v, index) => {
              miValus['kaiLiao_pnlSet' + exElKeyArr[index + 1]] = valueArr[index]
            })
          }
        })
      })
      console.log(miValus)
      form.setFieldsValue({...miValus})
    }
  })

  useEffect(() => {
    queryCustomer({
      pageNum: 1,
      pageSize: 9999
    }).then(res => {
      setCustomerData(res.result.records)
    })
  }, [])

  useEffect(() => {
    // form.resetFields();
    if (formType > 1) {
      Object.keys(oldOrderData).forEach(key => {
        if (key.indexOf('Time') > -1) {
          //console.log((key, oldOrderData[key])
          oldOrderData[key] = oldOrderData[key] ? moment(oldOrderData[key], 'YYYY-MM-DD') : oldOrderData[key];
        }
      })

      const oldReviewFormDetailData = {};
      Object.keys(fieldLabels).forEach(key => {
        if (fieldLabels[key].groupId) {
          for (const item of oldOrderData.reviewFormDetails) {
            if (item.labelId == fieldLabels[key].labelId) {
              oldReviewFormDetailData[key] = key.indexOf('Time') > -1 ?
                (item.labelOptionValue ? moment(item.labelOptionValue, 'YYYY-MM-DD') : item.labelOptionValue)
                : item.labelOptionValue;
              break;
            }
          }
        }
      })
      form.setFieldsValue({
        ...oldOrderData,
        ...oldReviewFormDetailData
      })
    }

    //console.log((form)
  }, [])

  useEffect(() => {
    if (formType > 1) {
      setProductType(oldOrderData.productType)
    }
  }, [])

  useEffect(() => {
    exElArr = [];
    exPnlNum = 1;
    exElKeyArr = []
  }, [])

  const minusEl = (key) => {
    const newKeyArr = pnlElKeyArr.filter(i => {
      return i !== key
    })
    const newEl = exElArr.filter(i => {
      return i.key !== key
    })
      .map((item, index) => {
        const newKey = newKeyArr[index]
        return <Row gutter={16} key={newKey}>
          <Col lg={8} md={12} sm={24}>
            <Form.Item
              label={`PNL${upperCaseLetter[index]} SET数`}
              name={productFieldLabels.kaiLiao_pnlSet.code + newKey}
              rules={[
                {
                  required: true,
                  message: `请输入PNL${upperCaseLetter[index]}中的SET数`
                },
                // {
                //   //validator: pnlSetNumValidator
                // }
              ]}
            >
              <InputNumber disabled={formType === 3} placeholder={`请输入${productFieldLabels.kaiLiao_pnlSet.label}`}
                           min={1} style={{width: '100%'}}/>
            </Form.Item>
          </Col>
          <Col lg={8} md={12} sm={24}>
            <Form.Item
              label={`PNL${upperCaseLetter[index]} 开料尺寸(格式：长度*宽度)`}
              name={productFieldLabels.kaiLiao_size.code + newKey}
              rules={[
                {
                  // pattern: /^[1-9]\d*\*[1-9]\d*$/,
                  pattern: /^(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?\*(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?$/,
                  message: '格式：长度*宽度'
                },
                {
                  required: true,
                  message: `请输入PNL${upperCaseLetter[index]}开料尺寸`
                }
              ]}
            >
              <Input disabled={formType === 3}
                     placeholder={`请输入${productFieldLabels.kaiLiao_size.label}`}
              />
            </Form.Item>
          </Col>
          <Col lg={8} md={12} sm={24}
               style={{display: index === 0 || formType === 3 ? 'none' : '', paddingTop: '30px'}}>
            <Tooltip title="删除该PNL">
              <Button shape="circle" type="dashed" icon={<MinusOutlined/>} style={{color: '#d9d9d9'}} onClick={() => {
                minusEl(newKey)
              }}/>
            </Tooltip>
          </Col>
        </Row>
      })
    setPnlElKeyArr(newKeyArr);
    setPnlEl(newEl)
    exElArr = newEl
    setPnlNum(pnlNum - 1)
    exPnlNum -= 1
  }

  // 新增 生成pnl框
  useEffect(() => {
    if (formType === 2) {
      const el = [];
      for (let i = 0; i < exPnlNum; i += 1) {
        if (i === exPnlNum - 1) {
          const key = moment().format('YYYYMMDDHHmmssSSS') + Math.random()
          console.log(key)
          const newKeyArr = pnlElKeyArr;
          newKeyArr.push(key);
          setPnlElKeyArr(newKeyArr)
          console.log(newKeyArr)
          el.push(<Row gutter={16} key={key}>
            <Col lg={8} md={12} sm={24}>
              <Form.Item
                label={`PNL${upperCaseLetter[i]} SET数`}
                name={productFieldLabels.kaiLiao_pnlSet.code + key}
                rules={[
                  {
                    required: true,
                    message: `请输入PNL${upperCaseLetter[i]}中的SET数`
                  },
                  // {
                  //   //validator: pnlSetNumValidator(key)
                  // }
                ]}
              >
                <InputNumber disabled={formType === 3} placeholder={`请输入${productFieldLabels.kaiLiao_pnlSet.label}`}
                             min={1} style={{width: '100%'}}/>
              </Form.Item>
            </Col>
            <Col lg={8} md={12} sm={24}>
              <Form.Item
                label={`PNL${upperCaseLetter[i]} 开料尺寸(格式：长度*宽度)`}
                name={productFieldLabels.kaiLiao_size.code + key}
                rules={[
                  {
                    // pattern: /^[1-9]\d*\*[1-9]\d*$/,
                    pattern: /^(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?\*(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?$/,
                    message: '格式：长度*宽度'
                  },
                  {
                    required: true,
                    message: `请输入PNL${upperCaseLetter[i]}开料尺寸`
                  }
                ]}
              >
                <Input disabled={formType === 3}
                       placeholder={`请输入${productFieldLabels.kaiLiao_size.label}`}
                />
              </Form.Item>
            </Col>
            <Col lg={8} md={12} sm={24} style={{display: i === 0 || formType === 3 ? 'none' : '', paddingTop: '30px'}}>
              <Tooltip title="删除该PNL">
                <Button shape="circle" type="dashed" icon={<MinusOutlined/>} style={{color: '#d9d9d9'}} onClick={() => {
                  minusEl(key)
                }}/>
              </Tooltip>
            </Col>
          </Row>)
        } else {
          const key = pnlElKeyArr[i]
          el.push(<Row gutter={16} key={key}>
            <Col lg={8} md={12} sm={24}>
              <Form.Item
                label={`PNL${upperCaseLetter[i]} SET数`}
                name={productFieldLabels.kaiLiao_pnlSet.code + key}
                rules={[
                  {
                    required: true,
                    message: `请输入PNL${upperCaseLetter[i]}中的SET数`
                  },
                  // {
                  //   //validator: pnlSetNumValidator(key)
                  // }
                ]}
              >
                <InputNumber disabled={formType === 3} placeholder={`请输入${productFieldLabels.kaiLiao_pnlSet.label}`}
                             min={1} style={{width: '100%'}}/>
              </Form.Item>
            </Col>
            <Col lg={8} md={12} sm={24}>
              <Form.Item
                label={`PNL${upperCaseLetter[i]} 开料尺寸(格式：长度*宽度)`}
                name={productFieldLabels.kaiLiao_size.code + key}
                rules={[
                  {
                    // pattern: /^[1-9]\d*\*[1-9]\d*$/,
                    pattern: /^(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?\*(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?$/,
                    message: '格式：长度*宽度'
                  },
                  {
                    required: true,
                    message: `请输入PNL${upperCaseLetter[i]}开料尺寸`
                  }
                ]}
              >
                <Input disabled={formType === 3}
                       placeholder={`请输入${productFieldLabels.kaiLiao_size.label}`}
                />
              </Form.Item>
            </Col>
            <Col lg={8} md={12} sm={24} style={{display: i === 0 || formType === 3 ? 'none' : '', paddingTop: '30px'}}>
              <Tooltip title="删除该PNL">
                <Button shape="circle" type="dashed" icon={<MinusOutlined/>} style={{color: '#d9d9d9'}} onClick={() => {
                  minusEl(key)
                }}/>
              </Tooltip>
            </Col>
          </Row>)
        }
      }
      setPnlEl(el)
      exElArr = el
    }
  }, [isPnlAdd])

  // 详情 生成pnl框
  useEffect(() => {
    if (formType === 3) {
      const el = [];
      for (let i = 0; i < exPnlNum; i += 1) {
        const key = moment().format('YYYYMMDDHHmmssSSS') + Math.random()
        exElKeyArr.push(key)
        const newKeyArr = pnlElKeyArr;
        newKeyArr.push(key);
        setPnlElKeyArr(newKeyArr)
        el.push(<Row gutter={16} key={key}>
          <Col lg={8} md={12} sm={24}>
            <Form.Item
              label={`PNL${upperCaseLetter[i]} SET数`}
              name={productFieldLabels.kaiLiao_pnlSet.code + key}
              rules={[
                {
                  required: true,
                  message: `请输入PNL${upperCaseLetter[i]}中的SET数`
                },
                // {
                //   //validator: pnlSetNumValidator(key)
                // }
              ]}
            >
              <InputNumber disabled={formType === 3} placeholder={`请输入${productFieldLabels.kaiLiao_pnlSet.label}`}
                           min={1} style={{width: '100%'}}/>
            </Form.Item>
          </Col>
          <Col lg={8} md={12} sm={24}>
            <Form.Item
              label={`PNL${upperCaseLetter[i]} 开料尺寸(格式：长度*宽度)`}
              name={productFieldLabels.kaiLiao_size.code + key}
              rules={[
                {
                  // pattern: /^[1-9]\d*\*[1-9]\d*$/,
                  pattern: /^(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?\*(([1-9]{1}\d{0,9})|(0{1}))(\.\d{1,2})?$/,
                  message: '格式：长度*宽度'
                },
                {
                  required: true,
                  message: `请输入PNL${upperCaseLetter[i]}开料尺寸`
                }
              ]}
            >
              <Input disabled={formType === 3}
                     placeholder={`请输入${productFieldLabels.kaiLiao_size.label}`}
              />
            </Form.Item>
          </Col>
          <Col lg={8} md={12} sm={24} style={{display: i === 0 || formType === 3 ? 'none' : '', paddingTop: '30px'}}>
            <Tooltip title="删除该PNL">
              <Button shape="circle" type="dashed" icon={<MinusOutlined/>} style={{color: '#d9d9d9'}} onClick={() => {
                minusEl(key)
              }}/>
            </Tooltip>
          </Col>
        </Row>)

      }
      setPnlEl(el)
      exElArr = el
      console.log(exElKeyArr)
      console.log(pnlElKeyArr)
    }
  }, [isPnlAdd])

  const getErrorInfo = (errors) => {
    const errorCount = errors.filter((item) => item.errors.length > 0).length;

    if (!errors || errorCount === 0) {
      return null;
    }

    const scrollToField = (fieldKey) => {
      const labelNode = document.querySelector(`label[for="${fieldKey}"]`);

      if (labelNode) {
        labelNode.scrollIntoView(true);
      }
    };

    const errorList = errors.map((err) => {
      if (!err || err.errors.length === 0) {
        return null;
      }

      const key = err.name[0];
      return (
        <li key={key} className={styles.errorListItem} onClick={() => scrollToField(key)}>
          <CloseCircleOutlined className={styles.errorIcon}/>
          <div className={styles.errorMessage}>{err.errors[0]}</div>
          <div className={styles.errorField}>{fieldLabels[key] ? fieldLabels[key].label : ''}</div>
        </li>
      );
    });
    return (
      <span className={styles.errorIcon}>
        <Popover
          title="表单校验信息"
          content={errorList}
          overlayClassName={styles.errorPopover}
          trigger="click"
          getPopupContainer={(trigger) => {
            if (trigger && trigger.parentNode) {
              return trigger.parentNode;
            }

            return trigger;
          }}
        >
          <CloseCircleOutlined/>
        </Popover>
        {errorCount}
      </span>
    );
  };

  const onFinish = (values) => {
    let pnlValidator = true;
    const unitSetSize = values.panelLength * values.panelWidth;
    for (let i = 0; i < pnlElKeyArr.length; i += 1) {
      const totalSetSize = values[productFieldLabels.kaiLiao_pnlSet.code + pnlElKeyArr[i]] * unitSetSize;
      const pnlSizeArr = values[productFieldLabels.kaiLiao_size.code + pnlElKeyArr[i]].split('*')
      const pnlSize = pnlSizeArr[0] * pnlSizeArr[1]
      if (totalSetSize > pnlSize * 1.05) {
        console.log(`PNL${upperCaseLetter[i]}: Set总面积大于PNL面积的105%`)
        setPnlWarningMsg(`PNL ${upperCaseLetter[i]}: Set总面积大于PNL面积的105%`)
        setShowPnlWarning(true)
        pnlValidator = false
        break;
      }
      if (totalSetSize < pnlSize * 0.85) {
        console.log(`PNL${upperCaseLetter[i]}: Set总面积小于PNL面积的85%`)
        setPnlWarningMsg(`PNL ${upperCaseLetter[i]}: Set总面积小于PNL面积的85%`)
        setShowPnlWarning(true)
        pnlValidator = false
        break;
      }
    }
    if (!pnlValidator) {
      return
    }else {
      setShowPnlWarning(false)
    }


    const orderData = {
      productionApprovalResult: values.approvalResult,
      productionApprovalRemark: values.approvalRemark,
    }
    setError([]);

    const prdData = {
      prdProductTechnologyProcesses: [],
      productCode: values.productCode,
      panelWidth: values.panelWidth,
      panelLength: values.panelLength,
      pnlSetNum: values.pnlSetNum,
    };
    prdData.prdProductTechnologyProcesses = targetData.map((item, idx) => {
      let prdProductMiValues = [];
      Object.keys(miGroup).forEach(processKey => {
        if (miGroup[processKey].processId === item.processId) { // 找到对应的工艺流ID
          const miList = [];
          Object.keys(miGroup[processKey].child).forEach(miKey => {
            const value = {
              processId: miGroup[processKey].processId,
              miId: miGroup[processKey].child[miKey].id,
              miValue: '',
            }
            if (miGroup[processKey].processId === 6 && (miGroup[processKey].child[miKey].id === 154 || miGroup[processKey].child[miKey].id === 152)) {
              value.miValue = pnlElKeyArr.map(i => {
                return form.getFieldValue(miGroup[processKey].child[miKey].code + i)
              }).join()
            } else {
              value.miValue = Array.isArray(form.getFieldValue(miGroup[processKey].child[miKey].code)) ? form.getFieldValue(miGroup[processKey].child[miKey].code).join() : form.getFieldValue(miGroup[processKey].child[miKey].code)
            }
            miList.push(value)
          })
          prdProductMiValues = miList;
        }
      })
      item.processSortNum = idx;
      item.prdProductMiValues = prdProductMiValues
      return item;
    })

    onSubmit(prdData)
  };

  const onFinishFailed = (errorInfo) => {
    setError(errorInfo.errorFields);
  };

  const onCustomerChange = (o) => {
    form.setFieldsValue({
      custAddress: o.custAddress
    })
  }

  const onProductTypeChange = (e) => {
    setProductType(e.target.value)
  }

  const onProductSearch = (v) => {
    queryProduct({
      pageNum: 1,
      pageSize: 9999,
      productCode: v,
      productStatus: 1
    }).then(res => {
      setProductData(res.result.records)
    })
  }

  const onProductChange = (v, o) => {
    form.setFieldsValue({
      productName: o.productName,
    })
  }

  const handleProcessOk = () => {
    setIsProcessModalVisible(false);
  }

  const handleProcessCancel = () => {
    setIsProcessModalVisible(false);
  }

  const onProcessChange = (nextTargetKeys) => {
    setTargetKeys(nextTargetKeys)
    const targetDatas = nextTargetKeys.map(item => {
      for (const old of processData) {
        if (old.processId === item) {
          return old;
        }
      }
      return null;
    })
    setTargetData(targetDatas)
  }

  const onGuoKongTypeChange = (e) => {
    if (e.target.value === '其他') {
      setQitaGuoKongVisible(true)
    } else {
      setQitaGuoKongVisible(false)
    }
  }

  const onBaoZhuangChange = (e) => {
    if (e.target.value === '其他') {
      setQitaBaoZhuangisible(true)
    } else {
      setQitaBaoZhuangisible(false)
    }
  }

  const onChuHuoChange = (e) => {
    if (e.target.value === '联片') {
      setQitaChuHuoisible(true)
    } else {
      setQitaChuHuoisible(false)
    }
  }

  return (
    <div className={'product-form'}>
      <Form
        form={form}
        layout="vertical"
        initialValues={{
          material: tableData,
        }}
        hideRequiredMark
        onFinish={onFinish}
        onFinishFailed={onFinishFailed}
      >
        <>
          <Card title="订单基础信息" className={styles.card} bordered={false}>
            <Row gutter={50}>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.productType.label}
                  name={fieldLabels.productType.code}
                >
                  <Radio.Group disabled={true} onChange={(e => onProductTypeChange(e))} defaultValue={1}>
                    <Radio value={1}>是</Radio>
                    <Radio value={2}>否</Radio>
                  </Radio.Group>
                </Form.Item>
              </Col>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.orderCode.label}
                  name={fieldLabels.orderCode.code}
                >
                  <Input disabled={true}/>
                </Form.Item>
              </Col>
            </Row>
            <Row gutter={50}>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.productCode.label}
                  name={fieldLabels.productCode.code}
                >
                  {
                    productType === 1 ? <Input disabled={true} placeholder={`请输入${fieldLabels.productCode.label}`}/>
                      : <Select disabled={true} onSearch={(v) => onProductSearch(v)} showSearch
                                onChange={(v, o) => onProductChange(v, o)}>
                        {
                          productData.map(item => {
                            return <Option value={item.productCode} productName={item.productName}
                                           key={item.productCode}>{item.productCode}</Option>
                          })
                        }
                      </Select>
                  }
                </Form.Item>
              </Col>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.contractNo.label}
                  name={fieldLabels.contractNo.code}
                  rules={[
                    {
                      max: 32,
                      message: '最大长度为32'
                    },
                  ]}
                >
                  <Input disabled={true}
                         placeholder={`请输入${fieldLabels.contractNo.label}`}/>
                </Form.Item>
              </Col>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.productionNo.label}
                  name={fieldLabels.productionNo.code}
                >
                  <Input disabled={true} placeholder={`请输入${fieldLabels.productionNo.label}`}/>
                </Form.Item>
              </Col>
            </Row>
            <Row gutter={50}>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.orderNum.label}
                  name={fieldLabels.orderNum.code}
                >
                  <Input disabled={true} placeholder={`请输入${fieldLabels.orderNum.label}`}/>
                </Form.Item>
              </Col>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.custModelNo.label}
                  name={fieldLabels.custModelNo.code}
                >
                  <Input disabled={true} placeholder={`请输入${fieldLabels.custModelNo.label}`}/>
                </Form.Item>
              </Col>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.requirementDeliveryTime.label}
                  name={fieldLabels.requirementDeliveryTime.code}
                >
                  <DatePicker disabled={true} format="YYYY-MM-DD" style={{width: '100%'}}/>
                </Form.Item>
              </Col>
            </Row>
            <Row gutter={50}>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.planDeliveryTime.label}
                  name={fieldLabels.planDeliveryTime.code}
                >
                  <DatePicker disabled={true} format="YYYY-MM-DD" style={{width: '100%'}}/>
                </Form.Item>
              </Col>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.receivedBy.label}
                  name={fieldLabels.receivedBy.code}
                >
                  <Select
                    showSearch
                    defaultActiveFirstOption={false}
                    filterOption={false}
                    notFoundContent={null}
                    disabled={true}>
                    {
                      approvalData.map(item => {
                        return <Option value={item.userId} key={item.userId}>{item.staffInfo.realName}</Option>
                      })
                    }
                  </Select>
                </Form.Item>
              </Col>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.receivedTime.label}
                  name={fieldLabels.receivedTime.code}
                >
                  <DatePicker disabled={true} format="YYYY-MM-DD" style={{width: '100%'}}/>
                </Form.Item>
              </Col>
            </Row>
            <Row gutter={50}>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.custMatNo.label}
                  name={fieldLabels.custMatNo.code}
                >
                  <Input disabled={true} placeholder={`请输入${fieldLabels.custMatNo.label}`}/>
                </Form.Item>
              </Col>
              <Col lg={8} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.remark.label}
                  name={fieldLabels.remark.code}
                >
                  <TextArea disabled={true} placeholder={`请输入${fieldLabels.remark.label}`}/>
                </Form.Item>
              </Col>
            </Row>
          </Card>
          <Card title="合同评审信息" style={{marginTop: '20px'}} bordered={false}>
            <div style={{display: productType === 2 ? 'none' : ''}}>
              <Card title="一、指示要求">
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractNo.label}
                      name={fieldLabels.contractNo.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractProductCode.label}
                      name={fieldLabels.contractProductCode.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractClientType.label}
                      name={fieldLabels.contractClientType.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.pcbLayerNum.label}
                      name={fieldLabels.pcbLayerNum.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  {/*<Col lg={8} md={12} sm={24}>*/}
                  {/*  <Form.Item*/}
                  {/*    label={fieldLabels.unitSize.label}*/}
                  {/*    name={fieldLabels.unitSize.code}*/}
                  {/*  >*/}
                  {/*    <Input disabled={true}/>*/}
                  {/*  </Form.Item>*/}
                  {/*</Col>*/}
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.panelLength.label}
                      name={fieldLabels.panelLength.code}
                      rules={[
                        {
                          pattern: /^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,8}\.\d{0,2}$|^[1-9]\d{0,8}$/,
                          message: '只能输入2位小数和8位整数'
                        },
                        {
                          required: true,
                          message: `${fieldLabels.panelLength.label}是必填项`
                        },
                      ]}
                    >
                      <Input disabled={formType === 3}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.panelWidth.label}
                      name={fieldLabels.panelWidth.code}
                      rules={[
                        {
                          pattern: /^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,8}\.\d{0,2}$|^[1-9]\d{0,8}$/,
                          message: '只能输入2位小数和8位整数'
                        },
                        {
                          required: true,
                          message: `${fieldLabels.panelLength.label}是必填项`
                        },
                      ]}
                    >
                      <Input disabled={formType === 3}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>

                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.panelPcbNum.label}
                      name={fieldLabels.panelPcbNum.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  {/*<Col lg={8} md={12} sm={24}>*/}
                  {/*  <Form.Item*/}
                  {/*    label={fieldLabels.pnlSetNum.label}*/}
                  {/*    name={fieldLabels.pnlSetNum.code}*/}
                  {/*    rules={[*/}
                  {/*      {*/}
                  {/*        pattern: /^[0-9]{1,11}$/,*/}
                  {/*        message: '最多输入11位整数'*/}
                  {/*      },*/}
                  {/*      {*/}
                  {/*        required: true,*/}
                  {/*        message: `${fieldLabels.pnlSetNum.label}是必填项`*/}
                  {/*      },*/}
                  {/*    ]}*/}
                  {/*  >*/}
                  {/*    <Input disabled={formType === 3}/>*/}
                  {/*  </Form.Item>*/}
                  {/*</Col>*/}
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.orderNum.label}
                      name={fieldLabels.orderNum.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={16} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.orderType.label}
                      name={fieldLabels.orderType.code}
                    >
                      <Checkbox.Group style={{width: '100%'}} disabled={true}>
                        <Checkbox value="1">新单</Checkbox>
                        <Checkbox value="2">返单</Checkbox>
                        <Checkbox value="3">特急单</Checkbox>
                        <Checkbox value="4">重要客户</Checkbox>
                        <Checkbox value="5">新开发客户</Checkbox>
                      </Checkbox.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.pcbType.label}
                      name={fieldLabels.pcbType.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.boardSupplier.label}
                      name={fieldLabels.boardSupplier.code}
                    >
                      <Radio.Group disabled={true} style={{width: '100%'}} onChange={(e) => {
                        if (e.target.value === '5') {
                          setBoardSupplierVisible(true)
                        } else {
                          setBoardSupplierVisible(false)
                        }
                      }}>
                        <Radio value="1">建滔</Radio>
                        <Radio value="2">生益</Radio>
                        <Radio value="3">国际</Radio>
                        <Radio value="4">边料</Radio>
                        <Radio value="5">其他</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item style={{display: otherBoardSupplierVisible ? 'block' : 'none'}}
                               label={fieldLabels.otherBoardSupplier.label}
                               name={fieldLabels.otherBoardSupplier.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.boardColor.label}
                      name={fieldLabels.boardColor.code}
                    >
                      <Radio.Group disabled={true} style={{width: '100%'}}>
                        <Radio value="1">白料</Radio>
                        <Radio value="2">黄料</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.redCopper.label}
                      name={fieldLabels.redCopper.code}
                    >
                      <Radio.Group disabled={true} style={{width: '100%'}}>
                        <Radio value="1">是</Radio>
                        <Radio value="2">否</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.highFrequencyBoard.label}
                      name={fieldLabels.highFrequencyBoard.code}
                    >
                      <Radio.Group disabled={true} style={{width: '100%'}}>
                        <Radio value="1">是</Radio>
                        <Radio value="2">否</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.dielectricConstant.label}
                      name={fieldLabels.dielectricConstant.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.boardThicknessInner.label}
                      name={fieldLabels.boardThicknessInner.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.boardThicknessOuter.label}
                      name={fieldLabels.boardThicknessOuter.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.copperThicknessInner.label}
                      name={fieldLabels.copperThicknessInner.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.copperThicknessOuter.label}
                      name={fieldLabels.copperThicknessOuter.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.yaheThickness.label}
                      name={fieldLabels.yaheThickness.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.yaheThicknessTolerance.label}
                      name={fieldLabels.yaheThicknessTolerance.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.productThickness.label}
                      name={fieldLabels.productThickness.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.productThicknessTolerance.label}
                      name={fieldLabels.productThicknessTolerance.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
              </Card>
              <Card style={{marginTop: '20px'}} title={'二、客供资料/物料'}>
                <Row gutter={50}>
                  <Col lg={24} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.materialType.label}
                      name={fieldLabels.materialType.code}
                    >
                      <Checkbox.Group disabled={true} style={{width: '100%'}} onChange={(val) => {
                        setMaterialType(val)
                      }}>
                        <Checkbox value={'1'}>Email文件</Checkbox>
                        <Checkbox value={'2'}>软盘样品</Checkbox>
                        <Checkbox value={'3'}>菲林加工图</Checkbox>
                        <Checkbox value={'4'}>更改图</Checkbox>
                        <Checkbox value={'5'}>模具</Checkbox>
                        <Checkbox value={'6'}>测试架</Checkbox>
                        <Checkbox value={'7'}>客供板材</Checkbox>
                      </Checkbox.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24} style={{display: materialType.indexOf('3') > -1 ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.feilinNum.label}
                      name={fieldLabels.feilinNum.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24} style={{display: materialType.indexOf('4') > -1 ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.changeNum.label}
                      name={fieldLabels.changeNum.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24} style={{display: materialType.indexOf('7') > -`` ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.clientBoardNum.label}
                      name={fieldLabels.clientBoardNum.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.circuitOuter.label}
                      name={fieldLabels.circuitOuter.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.circuitInner.label}
                      name={fieldLabels.circuitInner.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.zuhan.label}
                      name={fieldLabels.zuhan.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.character.label}
                      name={fieldLabels.character.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.zuhanBridge.label}
                      name={fieldLabels.zuhanBridge.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.tanyouBridge.label}
                      name={fieldLabels.tanyouBridge.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.blueGlue.label}
                      name={fieldLabels.blueGlue.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.minCircuitWidth.label}
                      name={fieldLabels.minCircuitWidth.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.minCircuitDistance.label}
                      name={fieldLabels.minCircuitDistance.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.minCircleWidth.label}
                      name={fieldLabels.minCircleWidth.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
              </Card>
              <Card style={{marginTop: '20px'}} title={'三、工艺工序要求'}>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.projectName.label}
                      name={fieldLabels.projectName.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">钻孔</Divider>
                <Row gutter={50}>
                  <Col lg={24} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zuankong.label}
                      name={fieldLabels.zuankong.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>表面不能打磨</Radio>
                        <Radio value={'2'}>沉铜后二钻/铣</Radio>
                        <Radio value={'3'}>蚀刻后二钻/铣</Radio>
                        <Radio value={'4'}>成型前二钻</Radio>
                        <Radio value={'5'}>见附图</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">电镀</Divider>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.dianduCopperThickness.label}
                      name={fieldLabels.dianduCopperThickness.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={16} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.dianduMaterial.label}
                      name={fieldLabels.dianduMaterial.code}
                    >
                      <Radio.Group disabled={true} style={{width: '100%'}} onChange={(e) => {
                        setDianduMaterial(e.target.value)
                      }}>
                        <Radio value={'1'}>哑镍</Radio>
                        <Radio value={'2'}>光镍</Radio>
                        <Radio value={'3'}>哑镍金</Radio>
                        <Radio value={'4'}>光镍金</Radio>
                        <Radio value={'5'}>沉镍金</Radio>
                        <Radio value={'6'}>钴镍金</Radio>
                        <Radio value={'7'}>光铜面松香</Radio>
                        <Radio value={'8'}>镀锡</Radio>
                        <Radio value={'9'}>喷锡</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24}></Col>
                  <Col lg={8} md={24} sm={24} style={{display: dianduMaterial === '5' ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.dianduChenniejin.label}
                      name={fieldLabels.dianduChenniejin.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24} style={{display: dianduMaterial === '6' ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.dianduGuniejin.label}
                      name={fieldLabels.dianduGuniejin.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.goldenFingerMaterial.label}
                      name={fieldLabels.goldenFingerMaterial.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>金手指/喷锡</Radio>
                        <Radio value={'2'}>金手指水金</Radio>
                        <Radio value={'3'}>金手指钴金</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.goldenFinger.label}
                      name={fieldLabels.goldenFinger.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.goldenLevel.label}
                      name={fieldLabels.goldenLevel.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">阻焊</Divider>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zuhanMaterial.label}
                      name={fieldLabels.zuhanMaterial.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>感光油</Radio>
                        <Radio value={'2'}>焗油</Radio>
                        <Radio value={'3'}>UV油</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zuhanModel.label}
                      name={fieldLabels.zuhanModel.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zuhanColor.label}
                      name={fieldLabels.zuhanColor.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zuhanType.label}
                      name={fieldLabels.zuhanType.code}
                    >
                      <Radio.Group disabled={true} onChange={(e) => {
                        setZuhanType(e.target.value)
                      }}>
                        <Radio value={'1'}>单面</Radio>
                        <Radio value={'2'}>双面</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24} style={{display: zuhanType === '1' ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.zuhanSingle.label}
                      name={fieldLabels.zuhanSingle.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.guokongType.label}
                      name={fieldLabels.guokongType.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>过孔盖油</Radio>
                        <Radio value={'2'}>过孔塞油</Radio>
                        <Radio value={'3'}>BGA塞油</Radio>
                        <Radio value={'4'}>其它</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.guokongBga.label}
                      name={fieldLabels.guokongBga.code}
                      rules={[
                        {
                          max: 32,
                          message: '最大长度为32'
                        },
                      ]}
                    >
                      <Input disabled={true} placeholder={`请输入${fieldLabels.guokongBga.label}`}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={16} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zuhanFlag.label}
                      name={fieldLabels.zuhanFlag.code}
                    >
                      <Checkbox.Group disabled={true}>
                        {/*            <Checkbox value={'1'}>BGA塞油</Checkbox>*/}
                        <Checkbox value={'2'}>生产周期</Checkbox>
                        <Checkbox value={'3'}>UL标志</Checkbox>
                        <Checkbox value={'4'}>阻燃等级</Checkbox>
                        <Checkbox value={'5'}>静电标志</Checkbox>
                        <Checkbox value={'6'}>公司标志</Checkbox>
                        <Checkbox value={'7'}>客户公司标志</Checkbox>
                      </Checkbox.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">字符</Divider>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zifuMaterial.label}
                      name={fieldLabels.zifuMaterial.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>感光油</Radio>
                        <Radio value={'2'}>焗油</Radio>
                        <Radio value={'3'}>UV油</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zifuModel.label}
                      name={fieldLabels.zifuModel.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zifuColor.label}
                      name={fieldLabels.zifuColor.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zifuType.label}
                      name={fieldLabels.zifuType.code}
                    >
                      <Radio.Group disabled={true} onChange={(e) => {
                        setZifuType(e.target.value)
                      }}>
                        <Radio value={'1'}>单面</Radio>
                        <Radio value={'2'}>双面</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24} style={{display: zifuType === '1' ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.zifuSingle.label}
                      name={fieldLabels.zifuSingle.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={16} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.zifuFlag.label}
                      name={fieldLabels.zifuFlag.code}
                    >
                      <Checkbox.Group disabled={true}>
                        <Checkbox value={'2'}>生产周期</Checkbox>
                        <Checkbox value={'3'}>UL标志</Checkbox>
                        <Checkbox value={'4'}>阻燃等级</Checkbox>
                        <Checkbox value={'5'}>静电标志</Checkbox>
                        <Checkbox value={'6'}>公司标志</Checkbox>
                        <Checkbox value={'7'}>客户公司标志</Checkbox>
                      </Checkbox.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.blueGlueType.label}
                      name={fieldLabels.blueGlueType.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">成形</Divider>
                <Row gutter={50}>
                  <Col lg={24} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.chengxing.label}
                      name={fieldLabels.chengxing.code}
                    >
                      <Checkbox.Group disabled={true} onChange={(val) => {
                        setChengxingType(val)
                      }}>
                        <Checkbox value={'1'}>切</Checkbox>
                        <Checkbox value={'2'}>电铣</Checkbox>
                        <Checkbox value={'3'}>靠模铣</Checkbox>
                        <Checkbox value={'4'}>V-CUT</Checkbox>
                        <Checkbox value={'5'}>啤共用模</Checkbox>
                        <Checkbox value={'6'}>新开模</Checkbox>
                        <Checkbox value={'7'}>冲后铣边</Checkbox>
                        <Checkbox value={'8'}>倒角</Checkbox>
                      </Checkbox.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={8} md={24} sm={24} style={{display: chengxingType.indexOf('5') > -1 ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.pigongModel.label}
                      name={fieldLabels.pigongModel.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24} style={{display: chengxingType.indexOf('8') > -1 ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.daojiao.label}
                      name={fieldLabels.daojiao.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">测试</Divider>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.testType.label}
                      name={fieldLabels.testType.code}
                    >
                      <Radio.Group disabled={true} onChange={(e) => {
                        setTestType(e.target.value)
                      }}>
                        <Radio value={'1'}>针床测试</Radio>
                        <Radio value={'2'}>飞针测试</Radio>
                        <Radio value={'3'}>开测试架</Radio>
                        <Radio value={'4'}>共用测试架</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24} style={{display: testType === '4' ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.commonTestCli.label}
                      name={fieldLabels.commonTestCli.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">包装</Divider>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.packageType.label}
                      name={fieldLabels.packageType.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>普通包装</Radio>
                        <Radio value={'2'}>真空包装</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.xBoard.label}
                      name={fieldLabels.xBoard.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>{'"X"板报废'}</Radio>
                        <Radio value={'2'}>{'"X"板另装'}</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.desiccant.label}
                      name={fieldLabels.desiccant.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>是</Radio>
                        <Radio value={'2'}>否</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">确认书</Divider>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.confirmDoc.label}
                      name={fieldLabels.confirmDoc.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>是</Radio>
                        <Radio value={'2'}>否</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Divider orientation="left">验货要求</Divider>
                <Row gutter={50}>
                  <Col lg={8} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.checkPoint.label}
                      name={fieldLabels.checkPoint.code}
                    >
                      <Radio.Group disabled={true} onChange={(e) => {
                        setCheckPoint(e.target.value)
                      }}>
                        <Radio value={'1'}>客标</Radio>
                        <Radio value={'2'}>国际</Radio>
                        <Radio value={'3'}>厂标</Radio>
                        <Radio value={'4'}>其它</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col lg={8} md={24} sm={24} style={{display: checkPoint === '4' ? 'block' : 'none'}}>
                    <Form.Item
                      label={fieldLabels.checkOther.label}
                      name={fieldLabels.checkOther.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                </Row>
              </Card>
              <Card style={{marginTop: '20px'}} title={'四、备注'}>
                <Row gutter={50}>
                  <Col lg={24} md={24} sm={24}>
                    <Form.Item
                      label={fieldLabels.wholeRemark.label}
                      name={fieldLabels.wholeRemark.code}
                    >
                      <TextArea disabled={true}></TextArea>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.follower.label}
                      name={fieldLabels.follower.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.followTime.label}
                      name={fieldLabels.followTime.code}
                    >
                      <DatePicker disabled={true} style={{width: '100%'}}/>
                    </Form.Item>
                  </Col>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.assistant.label}
                      name={fieldLabels.assistant.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.assistantTime.label}
                      name={fieldLabels.assistantTime.code}
                    >
                      <DatePicker disabled={true} style={{width: '100%'}}/>
                    </Form.Item>
                  </Col>
                </Row>
              </Card>
            </div>
            <Card style={{marginTop: '20px'}} title={'五、合同评审'}>
              <div>
                <Divider orientation="left">工程部评审</Divider>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractEngManager.label}
                      name={fieldLabels.contractEngManager.code}
                    >
                      <Input disabled={true} placeholder={`请输入${fieldLabels.contractEngManager.label}`}/>
                    </Form.Item>
                  </Col>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractEngTime.label}
                      name={fieldLabels.contractEngTime.code}
                    >
                      <DatePicker disabled={true} style={{width: '100%'}}/>
                      {/*<Input disabled={true}/>*/}
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractEngMaterial.label}
                      name={fieldLabels.contractEngMaterial.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>OK</Radio>
                        <Radio value={'2'}>NG</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractEngStandard.label}
                      name={fieldLabels.contractEngStandard.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>OK</Radio>
                        <Radio value={'2'}>NG</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractEngAbality.label}
                      name={fieldLabels.contractEngAbality.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>充分</Radio>
                        <Radio value={'2'}>满足</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractEngWaixie.label}
                      name={fieldLabels.contractEngWaixie.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>可保证</Radio>
                        <Radio value={'2'}>NG</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
              </div>
              <div>
                <Divider orientation="left">生产部评审</Divider>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractProManager.label}
                      name={fieldLabels.contractProManager.code}
                    >
                      <Input disabled={true}/>
                    </Form.Item>
                  </Col>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractProTime.label}
                      name={fieldLabels.contractProTime.code}
                    >
                      <DatePicker disabled={true} style={{width: '100%'}}/>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractProMaterial.label}
                      name={fieldLabels.contractProMaterial.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>OK</Radio>
                        <Radio value={'2'}>申请</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractProStandard.label}
                      name={fieldLabels.contractProStandard.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>OK</Radio>
                        <Radio value={'2'}>调整</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractProControl.label}
                      name={fieldLabels.contractProControl.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>常规</Radio>
                        <Radio value={'2'}>特殊</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={50}>
                  <Col lg={6} md={12} sm={24}>
                    <Form.Item
                      label={fieldLabels.contractProOut.label}
                      name={fieldLabels.contractProOut.code}
                    >
                      <Radio.Group disabled={true}>
                        <Radio value={'1'}>OK</Radio>
                        <Radio value={'2'}>延时</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
              </div>
            </Card>
          </Card>
          <Card title="审批信息" className={styles.card} bordered={false} style={{marginTop: '20px'}}>
            <Row gutter={50}>
              <Col lg={6} md={12} sm={24}>
                <Form.Item
                  label={fieldLabels.approvalBy.label}
                  name={fieldLabels.approvalBy.code}
                  rules={[
                    {
                      required: true,
                      message: '请选择审批人'
                    },
                  ]}
                >
                  <Select
                    showSearch
                    defaultActiveFirstOption={false}
                    showArrow={false}
                    filterOption={false}
                    notFoundContent={null}
                    disabled
                  >
                    {
                      approvalData.map(item => {
                        return <Option value={item.userId} key={item.userId}>{item.staffInfo.realName}</Option>
                      })
                    }
                  </Select>
                </Form.Item>
              </Col>
            </Row>
          </Card>
          <Card title="工艺段流程" style={{marginTop: '20px'}} className={styles.card} bordered={false}>
            <div gutter={16} className={'process-row'}>
              <Button style={{marginBottom: '25px', display: formType === 3 ? 'none' : ''}} className={'process-btn'}
                      type="primary"
                      onClick={() => setIsProcessModalVisible(true)}>配置工艺段流程</Button>
              <Steps current={targetData.length - 1} labelPlacement={'vertical'}>
                {
                  targetData.map(item => {
                    return <Step title={item.processName} key={item.processId} icon={<HddOutlined/>}/>
                  })
                }

              </Steps>
              <Modal title="工艺段流程配置" width={700} visible={isProcessModalVisible} onOk={handleProcessOk}
                     onCancel={handleProcessCancel}>
                <PickList
                  disabled={formType === 3}
                  rowKey={'processId'}
                  titles={['全部工艺流程', '已选工艺流程']}
                  dataSource={processData}
                  targetKeys={targetKeys}
                  leftColumns={leftTableColumns}
                  rightColumns={rightTableColumns}
                  onChange={onProcessChange}/>
                <div style={{color: 'rgb(217 217 217)', marginTop: '10px'}}><ExclamationCircleOutlined/> 可以上下拖动工艺改变工艺顺序
                </div>
              </Modal>
            </div>
          </Card>
          <Card title="工艺MI参数" style={{marginTop: '20px'}} bordered={false}>
            <div className={'kaiLiao'}
                 style={{display: targetData.map(item => item.processId).indexOf(6) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">开料</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.kaiLiao_spec.label}
                    name={productFieldLabels.kaiLiao_spec.code}
                  >
                    <Input
                      disabled={formType === 3}
                      addonAfter="mm"
                      placeholder={`请输入${productFieldLabels.kaiLiao_spec.label}`}
                    />
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.kaiLiao_panelThickness.label}
                    name={productFieldLabels.kaiLiao_panelThickness.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.kaiLiao_panelThickness.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.kaiLiao_bakeBoard.label}
                    name={productFieldLabels.kaiLiao_bakeBoard.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="H"
                           placeholder={`请输入${productFieldLabels.kaiLiao_bakeBoard.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.kaiLiao_supplier.label}
                    name={productFieldLabels.kaiLiao_supplier.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.kaiLiao_supplier.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.kaiLiao_coppurThickness.label}
                    name={productFieldLabels.kaiLiao_coppurThickness.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="oz"
                           placeholder={`请输入${productFieldLabels.kaiLiao_coppurThickness.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16} style={{display: formType === 3 ? 'none' : '', marginBottom: '25px'}}>
                <Col lg={8} md={12} sm={24} style={{display: 'flex', alignItems: 'center'}}>
                  <Tooltip title="请根据工艺添加该产品所使用的不同规格PNL,最多5个">
                    <Button disabled={pnlNum > 4} icon={<PlusOutlined/>}
                            className={'process-btn'}
                            type="primary"
                            onClick={() => {
                              setPnlAddClickCount(pnlAddClickCount + 1)
                              setPnlNum(pnlNum + 1)
                              exPnlNum += 1
                              setIsPnlAdd(Math.random())
                            }}>新增PNL</Button>
                  </Tooltip>
                  <div
                       style={{display: showPnlWarning ? '' : 'none', color: 'red', marginLeft: '10px'}}>
                    <span>{pnlWarningMsg}</span>
                  </div>
                </Col>
              </Row>
              {
                pnlEl
              }
              {/*<Row gutter={16}>*/}
              {/*  <Col lg={8} md={12} sm={24}>*/}
              {/*    <Form.Item*/}
              {/*      label={productFieldLabels.kaiLiao_pnlSet.label}*/}
              {/*      name={productFieldLabels.kaiLiao_pnlSet.code}*/}
              {/*    >*/}
              {/*      <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.kaiLiao_pnlSet.label}`}/>*/}
              {/*    </Form.Item>*/}
              {/*  </Col>*/}
              {/*  <Col lg={8} md={12} sm={24}>*/}
              {/*    <Form.Item*/}
              {/*      label={productFieldLabels.kaiLiao_size.label}*/}
              {/*      name={productFieldLabels.kaiLiao_size.code}*/}
              {/*    >*/}
              {/*      <Input disabled={formType === 3}*/}
              {/*             placeholder={`请输入${productFieldLabels.kaiLiao_size.label}`}/>*/}
              {/*    </Form.Item>*/}
              {/*  </Col>*/}
              {/*</Row>*/}
            </div>
            <div className={'neicengxianlu'}
                 style={{display: targetData.map(item => item.processId).indexOf(8) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">内层线路</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.neicengxianlu_moleixing.label}
                    name={productFieldLabels.neicengxianlu_moleixing.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'湿膜'}>湿膜</Radio>
                      <Radio value={'干膜'}>干膜</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.neicengxianlu_width.label}
                    name={productFieldLabels.neicengxianlu_width.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.neicengxianlu_width.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.neicengxianlu_distance.label}
                    name={productFieldLabels.neicengxianlu_distance.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.neicengxianlu_distance.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'neicengkeshi'}
                 style={{display: targetData.map(item => item.processId).indexOf(10) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">内层蚀刻</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.neicengkeshi_minWidth.label}
                    name={productFieldLabels.neicengkeshi_minWidth.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.neicengxianlu_width.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.neicengkeshi_distance.label}
                    name={productFieldLabels.neicengkeshi_distance.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.neicengkeshi_distance.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'neicengjianyan'}
                 style={{display: targetData.map(item => item.processId).indexOf(12) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">内层检验</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.neicengjianyan_jianyanfangshi.label}
                    name={productFieldLabels.neicengjianyan_jianyanfangshi.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'目检'}>目检</Radio>
                      <Radio value={'AOI'}>AOI</Radio>
                      <Radio value={'电测'}>电测</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'neicengyanghua'}
                 style={{display: targetData.map(item => item.processId).indexOf(14) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">内层氧化</Divider>
              <Row gutter={16}>
                <Col lg={4} md={6} sm={12}>
                  <Form.Item
                    label={productFieldLabels.neicengyanghua_yanghuafangshi.label}
                    name={productFieldLabels.neicengyanghua_yanghuafangshi.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'黑化'}>黑化</Radio>
                      <Radio value={'棕化'}>棕化</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'cengya'}
                 style={{display: targetData.map(item => item.processId).indexOf(16) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">层压</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cengya_thickness.label}
                    name={productFieldLabels.cengya_thickness.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.cengya_thickness.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cengya_thicknesswuchazhi.label}
                    name={productFieldLabels.cengya_thicknesswuchazhi.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.cengya_thicknesswuchazhi.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cengya_cuppor.label}
                    name={productFieldLabels.cengya_cuppor.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="oz"
                           placeholder={`请输入${productFieldLabels.cengya_cuppor.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'bandian'}
                 style={{display: targetData.map(item => item.processId).indexOf(18) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">板电</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.bandian_el.label}
                    name={productFieldLabels.bandian_el.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="oz"
                           placeholder={`请输入${productFieldLabels.bandian_el.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'waicengzuankong'}
                 style={{display: targetData.map(item => item.processId).indexOf(20) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">外层钻孔</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.waicengzuankong_min.label}
                    name={productFieldLabels.waicengzuankong_min.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.waicengzuankong_min.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.waicengzuankong_name.label}
                    name={productFieldLabels.waicengzuankong_name.code}
                  >
                    <Input disabled={formType === 3}
                           placeholder={`请输入${productFieldLabels.waicengzuankong_name.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'yicixiacao'}
                 style={{display: targetData.map(item => item.processId).indexOf(22) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">一次铣槽（孔）</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.yicixiancao_file.label}
                    name={productFieldLabels.yicixiancao_file.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.yicixiancao_file.label}`}>
                    </Input>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'chengtongbandian'}
                 style={{display: targetData.map(item => item.processId).indexOf(24) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">沉铜板电</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chengtongbandian_glue.label}
                    name={productFieldLabels.chengtongbandian_glue.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.chengtongbandian_glue.label}>{productFieldLabels.chengtongbandian_glue.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'waicengtuxing'}
                 style={{display: targetData.map(item => item.processId).indexOf(26) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">外层图形</Divider>
              <Row gutter={16}>
                <Col lg={4} md={6} sm={12}>
                  <Form.Item
                    label={productFieldLabels.waicengtuxing_moleixing.label}
                    name={productFieldLabels.waicengtuxing_moleixing.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'湿膜'}>湿膜</Radio>
                      <Radio value={'干膜'}>干膜</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
                <Col lg={4} md={6} sm={12}>
                  <Form.Item
                    label={productFieldLabels.waicengtuxing_zhouqi.label}
                    name={productFieldLabels.waicengtuxing_zhouqi.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'年周'}>年周</Radio>
                      <Radio value={'周年'}>周年</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.waicengtuxing_minWidth.label}
                    name={productFieldLabels.waicengtuxing_minWidth.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.waicengtuxing_minWidth.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.waicengtuxing_distance.label}
                    name={productFieldLabels.waicengtuxing_distance.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.waicengtuxing_distance.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'diandu'}
                 style={{display: targetData.map(item => item.processId).indexOf(28) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">图形电镀</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.dianDu_fangshi.label}
                    name={productFieldLabels.dianDu_fangshi.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'镀铜'}>镀铜</Radio>
                      <Radio value={'镀锡'}>镀锡</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.dianDu_area.label}
                    name={productFieldLabels.dianDu_area.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="sq.dm"
                           placeholder={`请输入${productFieldLabels.dianDu_area.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.dianDu_hole.label}
                    name={productFieldLabels.dianDu_hole.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="um"
                           placeholder={`请输入${productFieldLabels.dianDu_hole.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.dianDu_Thickness.label}
                    name={productFieldLabels.dianDu_Thickness.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="oz"
                           placeholder={`请输入${productFieldLabels.dianDu_Thickness.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'tuimoshijian'}
                 style={{display: targetData.map(item => item.processId).indexOf(30) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">退膜蚀检</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.tuimoshijian_minWidth.label}
                    name={productFieldLabels.tuimoshijian_minWidth.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.tuimoshijian_minWidth.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.tuimoshijian_distance.label}
                    name={productFieldLabels.tuimoshijian_distance.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="mm"
                           placeholder={`请输入${productFieldLabels.tuimoshijian_distance.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item className={'transparent-label'}
                             label={'除钯'}
                             name={productFieldLabels.tuimoshijian_chuba.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.tuimoshijian_chuba.label}>{productFieldLabels.tuimoshijian_chuba.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'waciengshijian'}
                 style={{display: targetData.map(item => item.processId).indexOf(32) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">外层蚀检</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.waicengshijian_jianceleixing.label}
                    name={productFieldLabels.waicengshijian_jianceleixing.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'目检'}>目检</Radio>
                      <Radio value={'AOI'}>AOI</Radio>
                      <Radio value={'电测'}>电测</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'siyinzuhan'}
                 style={{display: targetData.map(item => item.processId).indexOf(34) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">丝印阻焊</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.siyinzuhan_color.label}
                    name={productFieldLabels.siyinzuhan_color.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.siyinzuhan_color.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.siyinzuhan_guokong.label}
                    name={productFieldLabels.siyinzuhan_guokong.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}
                                 onChange={(e) => onGuoKongTypeChange(e)}>
                      <Radio value={'塞油'}>塞油</Radio>
                      <Radio value={'盖油'}>盖油</Radio>
                      <Radio value={'开窗'}>开窗</Radio>
                      <Radio value={'其他'}>其他</Radio>
                    </Radio.Group>

                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item style={{display: qitaGuoKongVisible ? '' : 'none'}}
                             label={productFieldLabels.siyinzuhan_qitaguokong.label}
                             name={productFieldLabels.siyinzuhan_qitaguokong.code}
                  >
                    <Input disabled={formType === 3}
                           placeholder={`请输入${productFieldLabels.siyinzuhan_qitaguokong.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.siyinzuhan_changjia.label}
                    name={productFieldLabels.siyinzuhan_changjia.code}
                  >
                    <Input disabled={formType === 3}
                           placeholder={`请输入${productFieldLabels.siyinzuhan_changjia.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.siyinzuhan_zhouqi.label}
                    name={productFieldLabels.siyinzuhan_zhouqi.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'年周'}>年周</Radio>
                      <Radio value={'周年'}>周年</Radio>
                      <Radio value={'年'}>年</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'siyinzifu'}
                 style={{display: targetData.map(item => item.processId).indexOf(36) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">丝印字符</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.siyinzifu_color.label}
                    name={productFieldLabels.siyinzifu_color.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.siyinzifu_color.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.siyinzifu_yuanjianmian.label}
                    name={productFieldLabels.siyinzifu_yuanjianmian.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox value={'元件面'}>元件面</Checkbox>
                      <Checkbox value={'焊接面'}>焊接面</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.siyinzifu_changjia.label}
                    name={productFieldLabels.siyinzifu_changjia.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.siyinzifu_changjia.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.siyinzifu_zhouqi.label}
                    name={productFieldLabels.siyinzifu_zhouqi.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Radio value={'年周'}>年周</Radio>
                      <Radio value={'周年'}>周年</Radio>
                      <Radio value={'年月'}>年月</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'pengxi'}
                 style={{display: targetData.map(item => item.processId).indexOf(38) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">喷锡</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.pengxi_xihou.label}
                    name={productFieldLabels.pengxi_xihou.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="um"
                           placeholder={`请输入${productFieldLabels.pengxi_xihou.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'chengniejin'}
                 style={{display: targetData.map(item => item.processId).indexOf(40) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">沉镍金</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chenniejin_niehou.label}
                    name={productFieldLabels.chenniejin_niehou.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="um"
                           placeholder={`请输入${productFieldLabels.chenniejin_niehou.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chenniejin_jinhou.label}
                    name={productFieldLabels.chenniejin_jinhou.code}
                  >
                    <Input disabled={formType === 3}
                           addonAfter="u"
                           placeholder={`请输入${productFieldLabels.chenniejin_jinhou.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'tanyou'}
                 style={{display: targetData.map(item => item.processId).indexOf(42) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">碳油</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.tanyou_tanyou.label}
                    name={productFieldLabels.tanyou_tanyou.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.tanyou_tanyou.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'ercizuankong'}
                 style={{display: targetData.map(item => item.processId).indexOf(44) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">二次钻孔</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.ercizuankong_file.label}
                    name={productFieldLabels.ercizuankong_file.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.ercizuankong_file.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'chengxing'}
                 style={{display: targetData.map(item => item.processId).indexOf(46) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">成形</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chengxing_fangshi.label}
                    name={productFieldLabels.chengxing_fangshi.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox value={'机锣'}>机锣</Checkbox>
                      <Checkbox value={'冲模'}>冲模</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chengxing_moju.label}
                    name={productFieldLabels.chengxing_moju.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.chengxing_moju.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item className={'transparent-label'}
                             label={productFieldLabels.chengxing_xiebian.label}
                             name={productFieldLabels.chengxing_xiebian.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.chengxing_xiebian.label}>{productFieldLabels.chengxing_xiebian.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chengxing_jiaodu.label}
                    name={productFieldLabels.chengxing_jiaodu.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.chengxing_jiaodu.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chengxing_jiaoduwuchazhi.label}
                    name={productFieldLabels.chengxing_jiaoduwuchazhi.code}
                  >
                    <Input disabled={formType === 3}
                           placeholder={`请输入${productFieldLabels.chengxing_jiaoduwuchazhi.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chengxing_hou.label}
                    name={productFieldLabels.chengxing_hou.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.chengxing_hou.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.chengxing_houwuchazhi.label}
                    name={productFieldLabels.chengxing_houwuchazhi.code}
                  >
                    <Input disabled={formType === 3}
                           placeholder={`请输入${productFieldLabels.chengxing_houwuchazhi.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'cut'}
                 style={{display: targetData.map(item => item.processId).indexOf(48) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">V-CUT</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cut_fangshi.label}
                    name={productFieldLabels.cut_fangshi.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox value={'电脑V-CUT'}>电脑V-CUT</Checkbox>
                      <Checkbox value={'手工V-CUT'}>手工V-CUT</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cut_jiaodu.label}
                    name={productFieldLabels.cut_jiaodu.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.cut_jiaodu.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cut_yuhou.label}
                    name={productFieldLabels.cut_yuhou.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.cut_yuhou.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cut_jiaodu.label}
                    name={productFieldLabels.cut_jiaodu.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.cut_jiaodu.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cut_jiaoduwuchazhi.label}
                    name={productFieldLabels.cut_jiaoduwuchazhi.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.cut_jiaoduwuchazhi.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cut_yuhou.label}
                    name={productFieldLabels.cut_yuhou.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.cut_yuhou.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.cut_yuhouwuchazhi.label}
                    name={productFieldLabels.cut_yuhouwuchazhi.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.cut_yuhouwuchazhi.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'test'}
                 style={{display: targetData.map(item => item.processId).indexOf(50) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">测试</Divider>
              <Row gutter={16}>
                <Col lg={2} md={3} sm={6}>
                  <Form.Item className={'transparent-label'}
                             label={productFieldLabels.test_feizheng.label}
                             name={productFieldLabels.test_feizheng.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.test_feizheng.label}>{productFieldLabels.test_feizheng.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={2} md={3} sm={6}>
                  <Form.Item className={'transparent-label'}
                             label={productFieldLabels.test_zhuanyong.label}
                             name={productFieldLabels.test_zhuanyong.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.test_zhuanyong.label}>{productFieldLabels.test_zhuanyong.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={2} md={3} sm={6}>
                  <Form.Item className={'transparent-label'}
                             label={productFieldLabels.test_tongyong.label}
                             name={productFieldLabels.test_tongyong.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.test_tongyong.label}>{productFieldLabels.test_tongyong.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={2} md={3} sm={6}>
                  <Form.Item className={'transparent-label'}
                             label={productFieldLabels.test_et.label}
                             name={productFieldLabels.test_et.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox value={productFieldLabels.test_et.label}>{productFieldLabels.test_et.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.test_huabian.label}
                    name={productFieldLabels.test_huabian.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.test_huabian.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.test_bianhao.label}
                    name={productFieldLabels.test_bianhao.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.test_bianhao.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'glue'}
                 style={{display: targetData.map(item => item.processId).indexOf(54) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">蓝胶</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.glue_xinghao.label}
                    name={productFieldLabels.glue_xinghao.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.glue_xinghao.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.glue_glue.label}
                    name={productFieldLabels.glue_glue.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.glue_glue.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'fqa'}
                 style={{display: targetData.map(item => item.processId).indexOf(56) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">FQA</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.fqa_thickness.label}
                    name={productFieldLabels.fqa_thickness.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.fqa_thickness.label}`}/>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.fqa_thicknesswuchazhi.label}
                    name={productFieldLabels.fqa_thicknesswuchazhi.code}
                  >
                    <Input disabled={formType === 3}
                           placeholder={`请输入${productFieldLabels.fqa_thicknesswuchazhi.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
            </div>
            <div className={'baozhuangchuhuo'}
                 style={{display: targetData.map(item => item.processId).indexOf(58) > -1 ? 'block' : 'none'}}>
              <Divider orientation="left">包装出货</Divider>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.baozhuang_baozhuangfangshi.label}
                    name={productFieldLabels.baozhuang_baozhuangfangshi.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}} onChange={e => onBaoZhuangChange(e)}>
                      <Radio value={'真空'}>真空</Radio>
                      <Radio value={'普通'}>普通</Radio>
                      <Radio value={'其他'}>其他</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item style={{display: qitaBaoZhuangisible ? '' : 'none'}}
                             label={productFieldLabels.baozhuang_qitabaozhuang.label}
                             name={productFieldLabels.baozhuang_qitabaozhuang.code}
                  >
                    <Input disabled={formType === 3}
                           placeholder={`请输入${productFieldLabels.baozhuang_qitabaozhuang.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item
                    label={productFieldLabels.baozhuang_chuhuofangshi.label}
                    name={productFieldLabels.baozhuang_chuhuofangshi.code}
                  >
                    <Radio.Group disabled={formType === 3} style={{width: '100%'}} onChange={e => onChuHuoChange(e)}>
                      <Radio value={'单片'}>单片</Radio>
                      <Radio value={'联片'}>联片</Radio>
                    </Radio.Group>
                  </Form.Item>
                </Col>
                <Col lg={8} md={12} sm={24}>
                  <Form.Item style={{display: qitaChuHuoisible ? '' : 'none'}}
                             label={productFieldLabels.baozhuang_lianpian.label}
                             name={productFieldLabels.baozhuang_lianpian.code}
                  >
                    <Input disabled={formType === 3} placeholder={`请输入${productFieldLabels.baozhuang_lianpian.label}`}/>
                  </Form.Item>
                </Col>
              </Row>
              <Row gutter={16}>
                <Col lg={3} md={4} sm={8}>
                  <Form.Item className={'transparent-label'}
                             label={productFieldLabels.baozhuang_baogao.label}
                             name={productFieldLabels.baozhuang_baogao.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.baozhuang_baogao.label}>{productFieldLabels.baozhuang_baogao.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={3} md={4} sm={8}>
                  <Form.Item className={'transparent-label'}
                             label={productFieldLabels.baozhuang_qiepian.label}
                             name={productFieldLabels.baozhuang_qiepian.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.baozhuang_qiepian.label}>{productFieldLabels.baozhuang_qiepian.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
                <Col lg={3} md={4} sm={8}>
                  <Form.Item className={'transparent-label'}
                             label={productFieldLabels.baozhuang_kehan.label}
                             name={productFieldLabels.baozhuang_kehan.code}
                  >
                    <Checkbox.Group disabled={formType === 3} style={{width: '100%'}}>
                      <Checkbox
                        value={productFieldLabels.baozhuang_kehan.label}>{productFieldLabels.baozhuang_kehan.label}</Checkbox>
                    </Checkbox.Group>
                  </Form.Item>
                </Col>
              </Row>
            </div>
          </Card>
        </>
        <FooterToolbar>
          {getErrorInfo(error)}
          <Button type="primary" onClick={() => {
            setOrderStatus(1)
            form?.submit()
          }} loading={submitting} style={{display: formType < 3 ? '' : 'none'}}>
            提交
          </Button>
          <Button onClick={props.onCancel.bind(this, false)}>
            返回
          </Button>
        </FooterToolbar>
      </Form>
    </div>
  );
};

// export default connect(({ loading }) => ({
//   submitting: loading.effects['productForm/submitAdvancedForm'],
// }))(ProductForm);
export default EngineerWoForm;
